amotify 0.1.44 → 0.1.45

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

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.43
+* amotify 0.1.44
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/6/24
+* Latest updated at: 2024/6/25
 */
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/a_img.module.scss */
@@ -1023,7 +1023,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/f_input.module.scss */
-._Wrapper_gmkyt_1 textarea {
+._Wrapper_m8cj1_1 textarea {
   display: block;
   width: 100%;
   min-height: calc(var(--grid-unit) * 4);
@@ -1033,44 +1033,44 @@
     box-shadow,
     background-color !important;
 }
-._Wrapper_gmkyt_1 input,
-._Wrapper_gmkyt_1 select,
-._Wrapper_gmkyt_1 textarea {
+._Wrapper_m8cj1_1 input,
+._Wrapper_m8cj1_1 select,
+._Wrapper_m8cj1_1 textarea {
   display: inline-block;
 }
-._Wrapper_gmkyt_1 input[disabled],
-._Wrapper_gmkyt_1 select[disabled],
-._Wrapper_gmkyt_1 textarea[disabled] {
+._Wrapper_m8cj1_1 input[disabled],
+._Wrapper_m8cj1_1 select[disabled],
+._Wrapper_m8cj1_1 textarea[disabled] {
   box-shadow: none !important;
   background-color: hsl(var(--color-layer3-hsl)) !important;
   color: rgb(var(--font-color5-rgb)) !important;
   filter: grayscale(50%);
   cursor: not-allowed !important;
 }
-._Wrapper_gmkyt_1 input,
-._Wrapper_gmkyt_1 textarea {
+._Wrapper_m8cj1_1 input,
+._Wrapper_m8cj1_1 textarea {
   cursor: text;
 }
-._Wrapper_gmkyt_1 input::placeholder,
-._Wrapper_gmkyt_1 textarea::placeholder {
+._Wrapper_m8cj1_1 input::placeholder,
+._Wrapper_m8cj1_1 textarea::placeholder {
   font-family: inherit;
   color: rgb(var(--font-color4-rgb));
 }
-._Wrapper_gmkyt_1 input {
+._Wrapper_m8cj1_1 input {
   min-width: 0;
   display: block;
 }
-._Wrapper_gmkyt_1 input[type=text],
-._Wrapper_gmkyt_1 input[type=number] {
+._Wrapper_m8cj1_1 input[type=text],
+._Wrapper_m8cj1_1 input[type=number] {
   width: 100%;
 }
-._Wrapper_gmkyt_1 input[type=number]::-webkit-inner-spin-button,
-._Wrapper_gmkyt_1 input[type=number]::-webkit-outer-spin-button {
+._Wrapper_m8cj1_1 input[type=number]::-webkit-inner-spin-button,
+._Wrapper_m8cj1_1 input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
 }
-._Wrapper_gmkyt_1 input[type=radio],
-._Wrapper_gmkyt_1 input[type=checkbox],
-._Wrapper_gmkyt_1 input[type=file] {
+._Wrapper_m8cj1_1 input[type=radio],
+._Wrapper_m8cj1_1 input[type=checkbox],
+._Wrapper_m8cj1_1 input[type=file] {
   opacity: 0;
   width: 0;
   height: 0;
@@ -1078,51 +1078,48 @@
   position: absolute;
   appearance: none;
 }
-._Wrapper_gmkyt_1 input:-webkit-autofill {
+._Wrapper_m8cj1_1 input:-webkit-autofill {
   box-shadow: 0 0 0 100rem hsl(var(--color-layer3-hsl)) inset !important;
   -webkit-text-fill-color: rgb(var(--font-color3-rgb));
 }
-._Input_gmkyt_48 {
+._Input_m8cj1_48 {
   outline: none !important;
 }
-._Input_gmkyt_48:focus,
-._Input_gmkyt_48:active {
+._Input_m8cj1_48:focus,
+._Input_m8cj1_48:active {
   z-index: 1;
   background-color: hsl(var(--color-layer1-hsl));
 }
-._Input_gmkyt_48:focus {
+._Input_m8cj1_48:focus {
   border-color: hsl(var(--color-theme-hsl)) !important;
   box-shadow: 0 0 0 transparent inset, 0 0 0 calc(var(--grid-unit) * 1 / 3) hsla(var(--color-theme-hsl), var(--color-theme-opacity-low));
 }
-._Input_gmkyt_48:active {
+._Input_m8cj1_48:active {
   box-shadow: 0 0 0 transparent inset, 0 0 0 transparent;
   transition: var(--animation-time3);
 }
-._Input_gmkyt_48._InputCover_gmkyt_63:focus-within {
+._Input_m8cj1_48._InputCover_m8cj1_63:focus-within {
   z-index: 1;
   background-color: hsl(var(--color-layer1-hsl));
 }
-._Input_gmkyt_48._InputCover_gmkyt_63:focus-within {
+._Input_m8cj1_48._InputCover_m8cj1_63:focus-within {
   border-color: hsl(var(--color-theme-hsl)) !important;
   box-shadow: 0 0 0 transparent inset, 0 0 0 calc(var(--grid-unit) * 1 / 3) hsla(var(--color-theme-hsl), var(--color-theme-opacity-low));
 }
-@keyframes _ShowCell_gmkyt_1 {
+@keyframes _ShowCell_m8cj1_1 {
   100% {
     opacity: 1;
     transform: scale(1);
   }
 }
-._IndicatorIcon_gmkyt_78 {
-  transform: translateY(-50%);
-}
-._DigitCharacterCell_gmkyt_82._Combined_gmkyt_82:not(:first-child):not(:last-child) {
+._DigitCharacterCell_m8cj1_78._Combined_m8cj1_78:not(:first-child):not(:last-child) {
   border-radius: 0 !important;
 }
-._DigitCharacterCell_gmkyt_82._Combined_gmkyt_82:first-child {
+._DigitCharacterCell_m8cj1_78._Combined_m8cj1_78:first-child {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._DigitCharacterCell_gmkyt_82._Combined_gmkyt_82:last-child {
+._DigitCharacterCell_m8cj1_78._Combined_m8cj1_78:last-child {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }

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

@@ -240,13 +240,12 @@ var f_button_module_default = {
 
 // src/@styles/componentClasses/f_input.module.scss
 var f_input_module_default = {
-  "Wrapper": "_Wrapper_gmkyt_1",
-  "Input": "_Input_gmkyt_48",
-  "InputCover": "_InputCover_gmkyt_63",
-  "IndicatorIcon": "_IndicatorIcon_gmkyt_78",
-  "DigitCharacterCell": "_DigitCharacterCell_gmkyt_82",
-  "Combined": "_Combined_gmkyt_82",
-  "ShowCell": "_ShowCell_gmkyt_1"
+  "Wrapper": "_Wrapper_m8cj1_1",
+  "Input": "_Input_m8cj1_48",
+  "InputCover": "_InputCover_m8cj1_63",
+  "DigitCharacterCell": "_DigitCharacterCell_m8cj1_78",
+  "Combined": "_Combined_m8cj1_78",
+  "ShowCell": "_ShowCell_m8cj1_1"
 };
 
 // src/@styles/componentClasses/f_input_chips.module.scss

package/dist/@styles/index.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.43
+* amotify 0.1.44
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/6/24
+* Latest updated at: 2024/6/25
 */
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/a_img.module.scss */
@@ -1023,7 +1023,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/f_input.module.scss */
-._Wrapper_gmkyt_1 textarea {
+._Wrapper_m8cj1_1 textarea {
   display: block;
   width: 100%;
   min-height: calc(var(--grid-unit) * 4);
@@ -1033,44 +1033,44 @@
     box-shadow,
     background-color !important;
 }
-._Wrapper_gmkyt_1 input,
-._Wrapper_gmkyt_1 select,
-._Wrapper_gmkyt_1 textarea {
+._Wrapper_m8cj1_1 input,
+._Wrapper_m8cj1_1 select,
+._Wrapper_m8cj1_1 textarea {
   display: inline-block;
 }
-._Wrapper_gmkyt_1 input[disabled],
-._Wrapper_gmkyt_1 select[disabled],
-._Wrapper_gmkyt_1 textarea[disabled] {
+._Wrapper_m8cj1_1 input[disabled],
+._Wrapper_m8cj1_1 select[disabled],
+._Wrapper_m8cj1_1 textarea[disabled] {
   box-shadow: none !important;
   background-color: hsl(var(--color-layer3-hsl)) !important;
   color: rgb(var(--font-color5-rgb)) !important;
   filter: grayscale(50%);
   cursor: not-allowed !important;
 }
-._Wrapper_gmkyt_1 input,
-._Wrapper_gmkyt_1 textarea {
+._Wrapper_m8cj1_1 input,
+._Wrapper_m8cj1_1 textarea {
   cursor: text;
 }
-._Wrapper_gmkyt_1 input::placeholder,
-._Wrapper_gmkyt_1 textarea::placeholder {
+._Wrapper_m8cj1_1 input::placeholder,
+._Wrapper_m8cj1_1 textarea::placeholder {
   font-family: inherit;
   color: rgb(var(--font-color4-rgb));
 }
-._Wrapper_gmkyt_1 input {
+._Wrapper_m8cj1_1 input {
   min-width: 0;
   display: block;
 }
-._Wrapper_gmkyt_1 input[type=text],
-._Wrapper_gmkyt_1 input[type=number] {
+._Wrapper_m8cj1_1 input[type=text],
+._Wrapper_m8cj1_1 input[type=number] {
   width: 100%;
 }
-._Wrapper_gmkyt_1 input[type=number]::-webkit-inner-spin-button,
-._Wrapper_gmkyt_1 input[type=number]::-webkit-outer-spin-button {
+._Wrapper_m8cj1_1 input[type=number]::-webkit-inner-spin-button,
+._Wrapper_m8cj1_1 input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
 }
-._Wrapper_gmkyt_1 input[type=radio],
-._Wrapper_gmkyt_1 input[type=checkbox],
-._Wrapper_gmkyt_1 input[type=file] {
+._Wrapper_m8cj1_1 input[type=radio],
+._Wrapper_m8cj1_1 input[type=checkbox],
+._Wrapper_m8cj1_1 input[type=file] {
   opacity: 0;
   width: 0;
   height: 0;
@@ -1078,51 +1078,48 @@
   position: absolute;
   appearance: none;
 }
-._Wrapper_gmkyt_1 input:-webkit-autofill {
+._Wrapper_m8cj1_1 input:-webkit-autofill {
   box-shadow: 0 0 0 100rem hsl(var(--color-layer3-hsl)) inset !important;
   -webkit-text-fill-color: rgb(var(--font-color3-rgb));
 }
-._Input_gmkyt_48 {
+._Input_m8cj1_48 {
   outline: none !important;
 }
-._Input_gmkyt_48:focus,
-._Input_gmkyt_48:active {
+._Input_m8cj1_48:focus,
+._Input_m8cj1_48:active {
   z-index: 1;
   background-color: hsl(var(--color-layer1-hsl));
 }
-._Input_gmkyt_48:focus {
+._Input_m8cj1_48:focus {
   border-color: hsl(var(--color-theme-hsl)) !important;
   box-shadow: 0 0 0 transparent inset, 0 0 0 calc(var(--grid-unit) * 1 / 3) hsla(var(--color-theme-hsl), var(--color-theme-opacity-low));
 }
-._Input_gmkyt_48:active {
+._Input_m8cj1_48:active {
   box-shadow: 0 0 0 transparent inset, 0 0 0 transparent;
   transition: var(--animation-time3);
 }
-._Input_gmkyt_48._InputCover_gmkyt_63:focus-within {
+._Input_m8cj1_48._InputCover_m8cj1_63:focus-within {
   z-index: 1;
   background-color: hsl(var(--color-layer1-hsl));
 }
-._Input_gmkyt_48._InputCover_gmkyt_63:focus-within {
+._Input_m8cj1_48._InputCover_m8cj1_63:focus-within {
   border-color: hsl(var(--color-theme-hsl)) !important;
   box-shadow: 0 0 0 transparent inset, 0 0 0 calc(var(--grid-unit) * 1 / 3) hsla(var(--color-theme-hsl), var(--color-theme-opacity-low));
 }
-@keyframes _ShowCell_gmkyt_1 {
+@keyframes _ShowCell_m8cj1_1 {
   100% {
     opacity: 1;
     transform: scale(1);
   }
 }
-._IndicatorIcon_gmkyt_78 {
-  transform: translateY(-50%);
-}
-._DigitCharacterCell_gmkyt_82._Combined_gmkyt_82:not(:first-child):not(:last-child) {
+._DigitCharacterCell_m8cj1_78._Combined_m8cj1_78:not(:first-child):not(:last-child) {
   border-radius: 0 !important;
 }
-._DigitCharacterCell_gmkyt_82._Combined_gmkyt_82:first-child {
+._DigitCharacterCell_m8cj1_78._Combined_m8cj1_78:first-child {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._DigitCharacterCell_gmkyt_82._Combined_gmkyt_82:last-child {
+._DigitCharacterCell_m8cj1_78._Combined_m8cj1_78:last-child {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }

package/dist/@styles/index.js

@@ -240,13 +240,12 @@ var f_button_module_default = {
 
 // src/@styles/componentClasses/f_input.module.scss
 var f_input_module_default = {
-  "Wrapper": "_Wrapper_gmkyt_1",
-  "Input": "_Input_gmkyt_48",
-  "InputCover": "_InputCover_gmkyt_63",
-  "IndicatorIcon": "_IndicatorIcon_gmkyt_78",
-  "DigitCharacterCell": "_DigitCharacterCell_gmkyt_82",
-  "Combined": "_Combined_gmkyt_82",
-  "ShowCell": "_ShowCell_gmkyt_1"
+  "Wrapper": "_Wrapper_m8cj1_1",
+  "Input": "_Input_m8cj1_48",
+  "InputCover": "_InputCover_m8cj1_63",
+  "DigitCharacterCell": "_DigitCharacterCell_m8cj1_78",
+  "Combined": "_Combined_m8cj1_78",
+  "ShowCell": "_ShowCell_m8cj1_1"
 };
 
 // src/@styles/componentClasses/f_input_chips.module.scss

package/dist/@styles/init.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.43
+* amotify 0.1.44
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/6/24
+* Latest updated at: 2024/6/25
 */
 
 /* src/@styles/init.scss */

package/dist/@styles/style.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.43
+* amotify 0.1.44
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/6/24
+* Latest updated at: 2024/6/25
 */
 
 /* src/@styles/@app.scss */
@@ -2370,7 +2370,7 @@ amotify-app {
 }
 
 /* esbuild-sass-plugin:css-chunk:src/@styles/componentClasses/f_input.module.scss */
-._Wrapper_gmkyt_1 textarea {
+._Wrapper_m8cj1_1 textarea {
   display: block;
   width: 100%;
   min-height: calc(var(--grid-unit) * 4);
@@ -2380,44 +2380,44 @@ amotify-app {
     box-shadow,
     background-color !important;
 }
-._Wrapper_gmkyt_1 input,
-._Wrapper_gmkyt_1 select,
-._Wrapper_gmkyt_1 textarea {
+._Wrapper_m8cj1_1 input,
+._Wrapper_m8cj1_1 select,
+._Wrapper_m8cj1_1 textarea {
   display: inline-block;
 }
-._Wrapper_gmkyt_1 input[disabled],
-._Wrapper_gmkyt_1 select[disabled],
-._Wrapper_gmkyt_1 textarea[disabled] {
+._Wrapper_m8cj1_1 input[disabled],
+._Wrapper_m8cj1_1 select[disabled],
+._Wrapper_m8cj1_1 textarea[disabled] {
   box-shadow: none !important;
   background-color: hsl(var(--color-layer3-hsl)) !important;
   color: rgb(var(--font-color5-rgb)) !important;
   filter: grayscale(50%);
   cursor: not-allowed !important;
 }
-._Wrapper_gmkyt_1 input,
-._Wrapper_gmkyt_1 textarea {
+._Wrapper_m8cj1_1 input,
+._Wrapper_m8cj1_1 textarea {
   cursor: text;
 }
-._Wrapper_gmkyt_1 input::placeholder,
-._Wrapper_gmkyt_1 textarea::placeholder {
+._Wrapper_m8cj1_1 input::placeholder,
+._Wrapper_m8cj1_1 textarea::placeholder {
   font-family: inherit;
   color: rgb(var(--font-color4-rgb));
 }
-._Wrapper_gmkyt_1 input {
+._Wrapper_m8cj1_1 input {
   min-width: 0;
   display: block;
 }
-._Wrapper_gmkyt_1 input[type=text],
-._Wrapper_gmkyt_1 input[type=number] {
+._Wrapper_m8cj1_1 input[type=text],
+._Wrapper_m8cj1_1 input[type=number] {
   width: 100%;
 }
-._Wrapper_gmkyt_1 input[type=number]::-webkit-inner-spin-button,
-._Wrapper_gmkyt_1 input[type=number]::-webkit-outer-spin-button {
+._Wrapper_m8cj1_1 input[type=number]::-webkit-inner-spin-button,
+._Wrapper_m8cj1_1 input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
 }
-._Wrapper_gmkyt_1 input[type=radio],
-._Wrapper_gmkyt_1 input[type=checkbox],
-._Wrapper_gmkyt_1 input[type=file] {
+._Wrapper_m8cj1_1 input[type=radio],
+._Wrapper_m8cj1_1 input[type=checkbox],
+._Wrapper_m8cj1_1 input[type=file] {
   opacity: 0;
   width: 0;
   height: 0;
@@ -2425,51 +2425,48 @@ amotify-app {
   position: absolute;
   appearance: none;
 }
-._Wrapper_gmkyt_1 input:-webkit-autofill {
+._Wrapper_m8cj1_1 input:-webkit-autofill {
   box-shadow: 0 0 0 100rem hsl(var(--color-layer3-hsl)) inset !important;
   -webkit-text-fill-color: rgb(var(--font-color3-rgb));
 }
-._Input_gmkyt_48 {
+._Input_m8cj1_48 {
   outline: none !important;
 }
-._Input_gmkyt_48:focus,
-._Input_gmkyt_48:active {
+._Input_m8cj1_48:focus,
+._Input_m8cj1_48:active {
   z-index: 1;
   background-color: hsl(var(--color-layer1-hsl));
 }
-._Input_gmkyt_48:focus {
+._Input_m8cj1_48:focus {
   border-color: hsl(var(--color-theme-hsl)) !important;
   box-shadow: 0 0 0 transparent inset, 0 0 0 calc(var(--grid-unit) * 1 / 3) hsla(var(--color-theme-hsl), var(--color-theme-opacity-low));
 }
-._Input_gmkyt_48:active {
+._Input_m8cj1_48:active {
   box-shadow: 0 0 0 transparent inset, 0 0 0 transparent;
   transition: var(--animation-time3);
 }
-._Input_gmkyt_48._InputCover_gmkyt_63:focus-within {
+._Input_m8cj1_48._InputCover_m8cj1_63:focus-within {
   z-index: 1;
   background-color: hsl(var(--color-layer1-hsl));
 }
-._Input_gmkyt_48._InputCover_gmkyt_63:focus-within {
+._Input_m8cj1_48._InputCover_m8cj1_63:focus-within {
   border-color: hsl(var(--color-theme-hsl)) !important;
   box-shadow: 0 0 0 transparent inset, 0 0 0 calc(var(--grid-unit) * 1 / 3) hsla(var(--color-theme-hsl), var(--color-theme-opacity-low));
 }
-@keyframes _ShowCell_gmkyt_1 {
+@keyframes _ShowCell_m8cj1_1 {
   100% {
     opacity: 1;
     transform: scale(1);
   }
 }
-._IndicatorIcon_gmkyt_78 {
-  transform: translateY(-50%);
-}
-._DigitCharacterCell_gmkyt_82._Combined_gmkyt_82:not(:first-child):not(:last-child) {
+._DigitCharacterCell_m8cj1_78._Combined_m8cj1_78:not(:first-child):not(:last-child) {
   border-radius: 0 !important;
 }
-._DigitCharacterCell_gmkyt_82._Combined_gmkyt_82:first-child {
+._DigitCharacterCell_m8cj1_78._Combined_m8cj1_78:first-child {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._DigitCharacterCell_gmkyt_82._Combined_gmkyt_82:last-child {
+._DigitCharacterCell_m8cj1_78._Combined_m8cj1_78:last-child {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }

package/dist/@styles/style.js

@@ -240,13 +240,12 @@ var f_button_module_default = {
 
 // src/@styles/componentClasses/f_input.module.scss
 var f_input_module_default = {
-  "Wrapper": "_Wrapper_gmkyt_1",
-  "Input": "_Input_gmkyt_48",
-  "InputCover": "_InputCover_gmkyt_63",
-  "IndicatorIcon": "_IndicatorIcon_gmkyt_78",
-  "DigitCharacterCell": "_DigitCharacterCell_gmkyt_82",
-  "Combined": "_Combined_gmkyt_82",
-  "ShowCell": "_ShowCell_gmkyt_1"
+  "Wrapper": "_Wrapper_m8cj1_1",
+  "Input": "_Input_m8cj1_48",
+  "InputCover": "_InputCover_m8cj1_63",
+  "DigitCharacterCell": "_DigitCharacterCell_m8cj1_78",
+  "Combined": "_Combined_m8cj1_78",
+  "ShowCell": "_ShowCell_m8cj1_1"
 };
 
 // src/@styles/componentClasses/f_input_chips.module.scss

package/dist/@styles/var.css

@@ -1,12 +1,12 @@
 /**
 * @license amotify
-* amotify 0.1.43
+* amotify 0.1.44
 * https://mingoo.co.jp/
 
 * Copyright (c) mingoo, LLC.
 * Released under the MIT license
 
-* Latest updated at: 2024/6/24
+* Latest updated at: 2024/6/25
 */
 
 /* src/@styles/var.scss */

package/dist/fn/Input/Parts.js

@@ -1 +1 @@
-import{b as t,c as n,d}from"../../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import p from"../../atoms/Box";import s from"../../atoms/Span";import{DefaultStyles as c}from"./core";import{InputClasses as u}from"../../@styles/componentClasses/_";const I={RequiredSign:e=>a(s,t({fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],backgroundColor:"nega",borderRadius:"3.tone.tertiary",children:"\u5FC5\u9808"},e)),RequiredShortSign:e=>a(s,t({fontColor:"nega",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary",children:"*"},e)),OmitSign:e=>a(s,t({fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary",backgroundColor:"layer.6",children:"\u7701\u7565\u53EF"},e)),LeftIndicator:e=>{let r=e,{tone:i}=r,o=d(r,["tone"]);return a(p,t(n(t({},c.Indicator(i)),{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3"}),o))},RightIndicator:e=>{let r=e,{tone:i}=r,o=d(r,["tone"]);return a(p,t(n(t({},c.Indicator(i)),{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3"}),o))},RightIcon:e=>{let r=e,{tone:i="border"}=r,o=d(r,["tone"]);return a(p,n(t(n(t({},c.IndicatorIcon),{right:"3/4",className:u("IndicatorIcon")}),o),{freeCSS:t({zIndex:6,pointerEvents:"none"},o.freeCSS)}))},LeftIcon:e=>{let r=e,{tone:i="border"}=r,o=d(r,["tone"]);return a(p,n(t(n(t({},c.IndicatorIcon),{left:"3/4",className:u("IndicatorIcon")}),o),{freeCSS:t({zIndex:6,pointerEvents:"none"},o.freeCSS)}))}};export{I as Parts,I as default};
+import{b as t,c as n,d as p}from"../../chunk-VY3566IV.js";import{jsx as i}from"react/jsx-runtime";import c from"../../atoms/Box";import s from"../../atoms/Span";import{DefaultStyles as a}from"./core";const u={RequiredSign:e=>i(s,t({fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],backgroundColor:"nega",borderRadius:"3.tone.tertiary",children:"\u5FC5\u9808"},e)),RequiredShortSign:e=>i(s,t({fontColor:"nega",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary",children:"*"},e)),OmitSign:e=>i(s,t({fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary",backgroundColor:"layer.6",children:"\u7701\u7565\u53EF"},e)),LeftIndicator:e=>{let r=e,{tone:d}=r,o=p(r,["tone"]);return i(c,t(n(t({},a.Indicator(d)),{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3"}),o))},RightIndicator:e=>{let r=e,{tone:d}=r,o=p(r,["tone"]);return i(c,t(n(t({},a.Indicator(d)),{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3"}),o))},RightIcon:e=>{let r=e,{tone:d="border"}=r,o=p(r,["tone"]);return i(c,n(t(n(t({},a.IndicatorIcon),{right:"3/4"}),o),{freeCSS:t(t({zIndex:6,pointerEvents:"none"},a.IndicatorIcon.freeCSS),o.freeCSS)}))},LeftIcon:e=>{let r=e,{tone:d="border"}=r,o=p(r,["tone"]);return i(c,n(t(n(t({},a.IndicatorIcon),{left:"3/4"}),o),{freeCSS:t(t({zIndex:6,pointerEvents:"none"},a.IndicatorIcon.freeCSS),o.freeCSS)}))}};export{u as Parts,u as default};

package/dist/fn/Input/core.js

@@ -1 +1 @@
-import{b as o,c as a,e as B}from"../../chunk-VY3566IV.js";import{jsx as m,jsxs as b}from"react/jsx-runtime";import{useState as N,useEffect as T,useRef as O}from"react";import{$$ as l,$$fromRoot as W,Config as z,useStore as v,GenerateClassName as P}from"../../@utils/_";import{InputClasses as k}from"../../@styles/componentClasses/_";import x from"../../atoms/Box";import E from"../../atoms/Flex";import V from"../../atoms/FAI";import L from"../../mols/Row";import A from"../../mols/Column";import U from"../Button";import D from"../Tooltips";const se=e=>{let[t]=N(e.componentID||l.uuid.gen());e=o({},e),e.params=a(o({enableFormSubmit:!0,status_id:l.uuid.gen(),override:"never",name:l.uuid.gen(),id:l.uuid.gen(),"aria-label":"Input-"+t},e.params),{componentID:t});let{children:n}=e;return m(n,o({},e.params))},ue=e=>{let{children:t,val_status:n,set_status:r,val_validate:c,params:i}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:y}=i;return n.eventType=="init"&&!i.checkValidationAtFirst&&(c.notice=[]),b(x,a(o({position:"relative"},y),{id:"BoxWrapper-"+n.componentID,children:[b(E,{flexWrap:!1,flexSizing:0,className:k("Wrapper"),children:[i.leftIndicator,b(E,{position:"relative",flexSizing:"auto",children:[p,t,s&&n.dataValue?m(U.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3},className:k("IndicatorIcon"),onClick:()=>{r(a(o({},n),{dataValue:"",formatValue:"",eventType:"update",eventID:l.uuid.gen()}))},children:m(V.Times,{})}):u]}),i.rightIndicator]}),m($,{notice:c.notice,val_status:n})]}))},$=e=>{let{notice:t,val_status:n}=e,{componentID:r,eventType:c}=n;l.interval.clear("NoticeTimer-"+r),l.interval.clear("NoticeTimerClose-"+r);let i="notice-"+e.val_status.componentID,s="notice-tips-"+e.val_status.componentID;if(!t.length)return D.close(s),null;let u=t.map(p=>{let{type:y,label:I}=p,S=y=="invalid"?V.Times:y=="warn"?V.Exclamation:V.Check;return b(L.Left,{gap:0,borderRadius:"2.tone.secondary",children:[m(S,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[y]}),m(x,{fontColor:"white",children:I})]})});return l.interval.standBy("NoticeTimer-"+r,350,()=>{D.open({tipsID:s,parent:"#"+i,padding:["1/2",0],content:b(D.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[m(x,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),m(A,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:u})]})}),l.interval.standBy("NoticeTimerClose-"+r,7500,()=>{D.close(s)})}),m(x,{className:k("Notices"),id:i})},de=e=>{let{type:t,params:n,val_status:r,set_status:c,ExtraOverrideParams:i,ExtraStoreParams:s,val_validate:u,set_validate:p,DefaultValidation:y,onUpdateValue:I,onUpdateValidValue:S}=e;n=o({},n);let{componentID:R}=r,[w,F]=N(l.uuid.gen());T(()=>(v.update({key:R,value:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{v.get(R).ResolveRefresh=d,F(l.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:h}=d;p({ok:f,notice:h})}},s)}),()=>{v.delete(R)}),[]);const _=O(!1);T(()=>{_.current?c(a(o({},r),{eventType:"refresh",eventID:l.uuid.gen()})):_.current=!0},[w]),T(()=>{n.value=r.dataValue,l.interval.clear("ValidationTimer-"+R),j({val_status:r,set_validate:p,DefaultValidation:y,params:n})},[r.eventID]),(()=>{let{override:d}=n;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(r.eventType))return;let f=v.get(r.componentID);f&&(n.value!=r.dataValue&&n.status_id!=f.status_id&&c(a(o(a(o({},r),{dataValue:n.value}),i),{eventType:"override",eventID:l.uuid.gen()})),f.status_id=n.status_id)})(),T(()=>{let{componentID:d,eventType:f,dataValue:h}=r,g=h;if(t=="list"?g=h.map(C=>JSON.parse(C)):t=="select"||t=="richSelect"?g=JSON.parse(h):t=="file"&&v.update({key:d,value:{Files:r.dataValue}}),f=="refresh"){let C=v.get(d);C&&C.ResolveRefresh&&C.ResolveRefresh(null)}f=="update"&&(I&&I({componentID:d,value:g,storeData:v.get(d),eventType:f}),l.scope(()=>{u.ok&&S&&S({componentID:d,value:g,storeData:v.get(d),eventType:f})}))},[u])},j=e=>{let{val_status:t,params:n,set_validate:r,DefaultValidation:c}=e,i=c({value:t.dataValue,params:n});if(!i.ok){r(i);return}let s=i.notice;const u=()=>B(void 0,null,function*(){if(!n.onValidate)return;let p=yield n.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){r({ok:!1,notice:[...s,...p.notice]});return}r({ok:!0,notice:[...s,...p.notice]})});n.onValidate?t.eventType=="refresh"?u():l.interval.standBy("ValidationTimer-"+t.componentID,450,u):r({ok:!0,notice:s})},ce=e=>{let t=e.target,{form:n,formName:r}=t.dataset;n=r||n;let c=!1,i=W(`[data-form-submit-button="${n}"]`)[0];if(!i)return c;let s=i.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return l.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||z.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(i.click(),e.preventDefault()),c=!0)}),c},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=a(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e=="cloud"?t=a(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=a(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=a(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=a(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),P(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=a(o(o(o(a(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),{className:[k("Input"),e.className].join(" ")});return P(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=a(o({},t),{border:!0}):e=="cloud"?t=a(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",unitWidth:2,unitHeight:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit"}};export{ue as BoxWrapper,de as CommonEffects,K as DefaultStyles,ce as SubmitForm,j as ValidationCheck,se as Wrapper};
+import{b as o,c as a,e as D}from"../../chunk-VY3566IV.js";import{jsx as v,jsxs as V}from"react/jsx-runtime";import{useState as _,useEffect as R,useRef as O}from"react";import{$$ as i,$$fromRoot as z,Config as L,useStore as y,GenerateClassName as B}from"../../@utils/_";import{InputClasses as N}from"../../@styles/componentClasses/_";import P from"../../atoms/Box";import A from"../../atoms/Flex";import T from"../../atoms/FAI";import E from"../../mols/Row";import W from"../../mols/Column";import U from"../Button";import k from"../Tooltips";const se=e=>{let[t]=_(e.componentID||i.uuid.gen());e=o({},e),e.params=a(o({enableFormSubmit:!0,status_id:i.uuid.gen(),override:"never",name:i.uuid.gen(),id:i.uuid.gen(),"aria-label":"Input-"+t},e.params),{componentID:t});let{children:r}=e;return v(r,o({},e.params))},ue=e=>{let{children:t,val_status:r,set_status:n,val_validate:c,params:l}=e,{clearButton:s,rightIcon:u,leftIcon:p,wrapStyles:m}=l;return r.eventType=="init"&&!l.checkValidationAtFirst&&(c.notice=[]),V(E.Center,a(o({position:"relative",verticalAlign:"unset",gap:0},m),{className:N("Wrapper"),"data-notice-uid":r.componentID,children:[v($,{notice:c.notice,val_status:r}),l.leftIndicator,V(A,{position:"relative",flexSizing:"auto",children:[p,t,s&&r.dataValue?v(U.Button.Normal.R,{ssSphere:2,flexCenter:!0,fontColor:"5.translucent",ssEffectsOnActive:["ripple.theme"],position:"absolute",right:1,top:"50%",freeCSS:{zIndex:3,transform:"translateY(-50%)"},onClick:()=>{n(a(o({},r),{dataValue:"",formatValue:"",eventType:"update",eventID:i.uuid.gen()}))},children:v(T.Times,{})}):u]}),l.rightIndicator]}))},$=e=>{let{notice:t,val_status:r}=e,{componentID:n,eventType:c}=r,l="NoticeTimer-"+n,s="NoticeTimerClose-"+n,u="notice-tips-"+n;return i.interval.clear(l),i.interval.clear(s),t.length?(i.interval.standBy(l,350,()=>{k.open({tipsID:u,parent:`[data-notice-uid="${n}"]`,gravityPoint:22,padding:[1,0],close_option:{parentBlur:!1},content:V(k.Comps.Body,{padding:["1/2","2/3"],fontSize:"1.mini",position:"relative",children:[v(P,{position:"absolute",unitHeight:1,unitWidth:1,left:1,backgroundColor:"dark",freeCSS:{zIndex:1,transform:"rotate(45deg)",top:-6}}),v(W,{gap:"1/3",position:"relative",freeCSS:{zIndex:2},backgroundColor:"inherit",children:t.map(p=>{let{type:m,label:S}=p,b=m=="invalid"?T.Times:m=="warn"?T.Exclamation:T.Check;return V(E.Left,{gap:0,borderRadius:"2.tone.secondary",children:[v(b,{flexCenter:!0,fontSize:"3.paragraph",fontColor:{invalid:"nega",warn:"warn",valid:"posi"}[m]}),v(P,{fontColor:"white",children:S})]})})})]})})}),i.interval.standBy(s,6e3,()=>{k.close(u)}),null):(k.close(u),null)},de=e=>{let{type:t,params:r,val_status:n,set_status:c,ExtraOverrideParams:l,ExtraStoreParams:s,val_validate:u,set_validate:p,DefaultValidation:m,onUpdateValue:S,onUpdateValidValue:b}=e;r=o({},r);let{componentID:I}=n,[w,F]=_(i.uuid.gen());R(()=>(y.update({key:I,value:o({ResolveRefresh:null,Refresh:()=>new Promise((d,f)=>{y.get(I).ResolveRefresh=d,F(i.uuid.gen())}),GenNotice:d=>{let{ok:f,notice:g}=d;p({ok:f,notice:g})}},s)}),()=>{y.delete(I)}),[]);const x=O(!1);R(()=>{x.current?c(a(o({},n),{eventType:"refresh",eventID:i.uuid.gen()})):x.current=!0},[w]),R(()=>{r.value=n.dataValue,i.interval.clear("ValidationTimer-"+I),j({val_status:n,set_validate:p,DefaultValidation:m,params:r})},[n.eventID]),(()=>{let{override:d}=r;if(d=="never"||d=="beforeModified"&&!["init","override"].includes(n.eventType))return;let f=y.get(n.componentID);f&&(r.value!=n.dataValue&&r.status_id!=f.status_id&&c(a(o(a(o({},n),{dataValue:r.value}),l),{eventType:"override",eventID:i.uuid.gen()})),f.status_id=r.status_id)})(),R(()=>{let{componentID:d,eventType:f,dataValue:g}=n,h=g;if(t=="list"?h=g.map(C=>JSON.parse(C)):t=="select"||t=="richSelect"?h=JSON.parse(g):t=="file"&&y.update({key:d,value:{Files:n.dataValue}}),f=="refresh"){let C=y.get(d);C&&C.ResolveRefresh&&C.ResolveRefresh(null)}f=="update"&&(S&&S({componentID:d,value:h,storeData:y.get(d),eventType:f}),i.scope(()=>{u.ok&&b&&b({componentID:d,value:h,storeData:y.get(d),eventType:f})}))},[u])},j=e=>{let{val_status:t,params:r,set_validate:n,DefaultValidation:c}=e,l=c({value:t.dataValue,params:r});if(!l.ok){n(l);return}let s=l.notice;const u=()=>D(void 0,null,function*(){if(!r.onValidate)return;let p=yield r.onValidate({value:t.dataValue,eventType:t.eventType,props:e});if(!p.ok){n({ok:!1,notice:[...s,...p.notice]});return}n({ok:!0,notice:[...s,...p.notice]})});r.onValidate?t.eventType=="refresh"?u():i.interval.standBy("ValidationTimer-"+t.componentID,450,u):n({ok:!0,notice:s})},ce=e=>{let t=e.target,{form:r,formName:n}=t.dataset;r=n||r;let c=!1,l=z(`[data-form-submit-button="${r}"]`)[0];if(!l)return c;let s=l.dataset.sdfike||"",u=e.key,p=e.ctrlKey||e.metaKey;return i.scope(()=>{s.includes("enter")&&(u!="Enter"||e.nativeEvent.isComposing||L.get().browserIs=="safari"&&e.keyCode==229)||((u=="Enter"&&(s.includes("enter")||s.includes("auxEnter")&&p)||u==" "&&s.includes("space"))&&(l.click(),e.preventDefault()),c=!0)}),c},K={Input:e=>{if(e=="plain")return{};let t={padding:"3/4",transition:"middle",flexSizing:"auto",boxShadow:"0.thin"};return e=="border"?t=a(o({},t),{border:!0,borderRadius:"2.tone.secondary",backgroundColor:"layer.1"}):e=="cloud"?t=a(o({},t),{border:"1.thin",borderRadius:"2.tone.secondary",backgroundColor:"cloud"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,border:"unset",borderBottom:!0,backgroundColor:"cloud"})),t},ListCell:e=>{e=o({},e),e.tone||(e.tone="border");let{tone:t}=e;return t=="plain"||(e=a(o({},e),{cellStyles:o({position:"relative",padding:["3/4",1],borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),t=="normal"?e=a(o({gap:"1/2"},e),{cellStyles:o({isSemiBoldFont:!0},e.cellStyles),cellCheckedStyles:{backgroundColor:"cloud"}}):(e=a(o({gap:"3/4"},e),{cellStyles:o({boxShadow:"0.thin"},e.cellStyles)}),(t=="cloud"||t=="vivid")&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2"},e.cellStyles)),t=="border"?(e.cellStyles=o({border:!0,backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):t=="cloud"?e.cellCheckedStyles=o({backgroundColor:"theme.opa.few",fontColor:"theme",borderColor:"theme"},e.cellCheckedStyles):t=="vivid"&&(e.cellCheckedStyles=o({backgroundColor:"theme",fontColor:"white",borderColor:"theme"},e.cellCheckedStyles)))),B(e)},Boxish:e=>{e=o({},e),e.tone||(e.tone="border");let t=a(o(o(o(a(o({},K.Input(e.tone)),{fontColor:"2.normal"}),e),!!e.leftIndicator&&{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3",marginLeft:"1/4"}),!!e.rightIndicator&&{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3",marginRight:"1/4"}),{className:[N("Input"),e.className].join(" ")});return B(t)},Indicator:e=>{if(e||(e="border"),e=="plain")return{};let t={flexSizing:"none",flexCenter:!0,padding:[0,1],borderRadius:"2.tone.secondary",backgroundColor:"cloud"};return e=="border"?t=a(o({},t),{border:!0}):e=="cloud"?t=a(o({},t),{border:"1.thin"}):e=="bottomBorder"&&(t=a(o({},t),{borderRadius:0,borderBottom:!0})),t},IndicatorIcon:{position:"absolute",ssSquare:2,top:"50%",flexCenter:!0,fontColor:"theme",fontSize:"1.mini",backgroundColor:"inherit",freeCSS:{transform:"translateY(-50%)"}}};export{ue as BoxWrapper,de as CommonEffects,K as DefaultStyles,ce as SubmitForm,j as ValidationCheck,se as Wrapper};

package/dist/temps/designBook.js

@@ -73,7 +73,7 @@ Some Text`})]}),t(B.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:
   text2
   text3
   text4
-  text5`,rows:5})]})]})]})]})}),Time:()=>e(d,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Time Input"}),e(o,{padding:1,children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Time.Clock",e(i.Time.Clock,{})]}),t(o,{children:["Input.Time.Date",e(i.Time.Date,{})]}),t(o,{children:["Input.Time.Week",e(i.Time.Week,{})]}),t(o,{children:["Input.Time.Month",e(i.Time.Month,{})]}),t(o,{children:["Input.Time.Year",e(i.Time.Year,{})]}),t(o,{children:["Input.Time.Periods.Date",e(i.Time.Periods.Date,{})]}),t(o,{children:["Input.Time.Periods.Month",e(i.Time.Periods.Month,{})]}),t(o,{children:["Input.Time.DateWareki",e(i.Time.DateWareki,{})]}),t(o,{children:["Input.Time.picker",e(i.Select,{id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:u})=>{i.Time.fn.picker.launch({parent:"#timePicker",restrict:u,defaultValue:"",onValueUpdate:s=>{console.log(s)}})}})]})]})})]})}),List:()=>e(d,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Radio & Checkbox Input"}),e(o,{padding:1,children:t(h,{children:[t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Radio",e(i.Radio,{value:[1],options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"}]})]}),t(o,{children:["Input.Checkbox",e(i.Checkbox,{value:[2,"3"],options:[{value:"1",label:"option1"},{value:"2",label:"option2"},{value:"3",label:"option3"}]})]})]}),t(h,{children:[e(n.Paragraph,{children:"Tones"}),t(c,{gap:2,flexChilds:"auto",children:[e(i.Radio,{tone:"plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"normal",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"vivid",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})})]})}),Select:()=>e(d,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Select,Search,Chips Input"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Select",e(i.Select,{required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]})]}),t(o,{children:["Input.Search",e(i.Search,{required:!0,defaultOptions:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onDynamicSearch:(...u)=>I(void 0,null,function*(){let s=[];for(let x=0;x<100;x++)s.push({value:x,label:String(x)});return{options:s}})})]}),t(o,{flexNewLine:!0,children:["Input.Chips",e(i.Chips,{limit:5,value:[{value:"option3",label:"option3"}],onUpdateValidValue:({value:u})=>{console.log(u)},defaultOptions:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"}]})]})]})})})]})}),Variables:()=>e(d,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Variables"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.File",e(i.Filer,{limit:3})]}),t(o,{children:["Input.Switch",t(c,{gap:2,children:[e(i.Switch,{}),e(i.Switch,{appearance:"applely",color:"icicles",value:!0}),e(i.Switch,{appearance:"applely",icon:e(g.Check,{}),color:"warn",value:!0})]})]}),t(o,{flexNewLine:!0,children:["Input.Slider",e(i.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(d,{children:e(k.Plate,{size:"L",children:t(p,{gap:2,gridCols:2,children:[e(a.Basic,{}),e(a.Select,{}),e(a.Time,{}),e(a.List,{}),e(a.Variables,{})]})})})},j=()=>{const a=u=>{let s="testModal2";O.open({type:u,sheetID:s,size:"S",padding:2,content:t(O.Comps.Body,{padding:1,children:[e(o,{padding:2,minHeight:"viewHeight",children:"Content"}),e(B.Right,{children:e(r.Button.Prime.R,{onClick:()=>{O.close(s)},children:"\u9589\u3058\u308B"})})]})})};return t(d,{children:[t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"CardBox"}),e(o,{padding:1,overflow:"auto",children:e(n.Description,{children:`<Box ssCardBox>
+  text5`,rows:5})]})]})]})]})}),Time:()=>e(d,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Time Input"}),e(o,{padding:1,children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Time.Clock",e(i.Time.Clock,{})]}),t(o,{children:["Input.Time.Date",e(i.Time.Date,{})]}),t(o,{children:["Input.Time.Week",e(i.Time.Week,{})]}),t(o,{children:["Input.Time.Month",e(i.Time.Month,{})]}),t(o,{children:["Input.Time.Year",e(i.Time.Year,{})]}),t(o,{children:["Input.Time.Periods.Date",e(i.Time.Periods.Date,{})]}),t(o,{children:["Input.Time.Periods.Month",e(i.Time.Periods.Month,{})]}),t(o,{children:["Input.Time.DateWareki",e(i.Time.DateWareki,{})]}),t(o,{children:["Input.Time.picker",e(i.Select,{id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:u})=>{i.Time.fn.picker.launch({parent:"#timePicker",restrict:u,defaultValue:"",onValueUpdate:s=>{console.log(s)}})}})]})]})})]})}),List:()=>e(d,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Radio & Checkbox Input"}),e(o,{padding:1,children:t(h,{children:[t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Radio",e(i.Radio,{value:[1],options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"},{value:5,label:"option5"}]})]}),t(o,{children:["Input.Checkbox",e(i.Checkbox,{value:[2,"3"],options:[{value:"1",label:"option1"},{value:"2",label:"option2"},{value:"3",label:"option3"}]})]})]}),t(h,{children:[e(n.Paragraph,{children:"Tones"}),t(c,{gap:2,flexChilds:"auto",children:[e(i.Radio,{tone:"plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"normal",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]}),e(i.Radio,{tone:"vivid",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})})]})}),Select:()=>e(d,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Select,Search,Chips Input"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.Select",e(i.Select,{required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]})]}),t(o,{children:["Input.Search",e(i.Search,{required:!0,defaultOptions:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onDynamicSearch:(...u)=>I(void 0,null,function*(){let s=[];for(let x=0;x<100;x++)s.push({value:x,label:String(x)});return{options:s}})})]}),t(o,{flexNewLine:!0,children:["Input.Chips",e(i.Chips,{limit:5,value:[{value:"option3",label:"option3"}],onUpdateValidValue:({value:u})=>{console.log(u)},defaultOptions:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3"},{value:4,label:"option4"}]})]})]})})})]})}),Variables:()=>e(d,{children:t(o,{ssCardBox:!0,children:[e(n.Paragraph,{padding:1,borderBottom:!0,children:"Variables"}),e(o,{padding:1,children:e(h,{children:t(c,{gap:2,flexChilds:"auto",children:[t(o,{children:["Input.File",e(i.Filer,{limit:3})]}),t(o,{children:["Input.Switch",t(c,{gap:2,children:[e(i.Switch,{}),e(i.Switch,{appearance:"applely",color:"icicles",value:!0}),e(i.Switch,{appearance:"applely",icon:e(g.Check,{}),color:"warn",value:!0})]})]}),t(o,{flexNewLine:!0,children:["Input.Slider",e(i.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(d,{children:e(k.Plate,{size:"L",children:t(p,{gap:2,gridCols:2,children:[e(a.Basic,{}),e(a.Select,{}),e(a.Time,{}),e(a.List,{}),e(a.Variables,{})]})})})},j=()=>{const a=u=>{let s="testModal2";O.open({type:u,sheetID:s,size:"S",padding:2,content:t(O.Comps.Body,{padding:1,children:[e(o,{padding:2,minHeight:"viewHeight",children:"Content"}),e(B.Right,{children:e(r.Button.Prime.R,{onClick:()=>{O.close(s)},children:"\u9589\u3058\u308B"})})]})})};return t(d,{children:[t(o,{ssCardBox:!0,children:[e(n.SubTitle,{padding:1,borderBottom:!0,children:"CardBox"}),e(o,{padding:1,overflow:"auto",children:e(n.Description,{children:`<Box ssCardBox>
   <Box>
     Header
   </Box>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "description": "UI FW for React",
   "scripts": {
     "clean": "rimraf dist",