amotify 0.0.7 → 0.0.8

package/dist/Functions/Input/_.js

@@ -42,11 +42,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = exports.ListInputs = void 0;
-var _global_1 = require("../../Global/@export");
+var _export_1 = require("../../Global/@export");
 var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef;
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _functions_1 = require("../@export");
+var _export_2 = require("../../Atoms/@export");
+var _export_3 = require("../../Molecules/@export");
+var _export_4 = require("../../Functions/@export");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var Hidden_1 = require("./Hidden");
 var Text_1 = require("./Text");
@@ -88,19 +88,19 @@ var TextInputs = {
         var _a = __read(useState($.uuidGen()), 1), val_postalEventID = _a[0];
         useEffect(function () {
             return function () {
-                _global_1.useStore.delete(val_postalEventID);
+                _export_1.useStore.delete(val_postalEventID);
             };
         }, []);
         return (React.createElement(TextInputs.Normal, __assign({ restrict: 'postal', placeholder: '\u90F5\u4FBF\u756A\u53F7', leftIndicator: React.createElement(exports.Input.Comps.LeftIndicator, { children: '〒' }) }, params)));
     },
     Password: function (props) {
         return (React.createElement(TextInputs.Normal, __assign({ restrict: 'password', placeholder: '\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u5165\u529B', rightIndicator: React.createElement(exports.Input.Comps.RightIndicator, { padding: 0 },
-                React.createElement(_functions_1.Buttons.Button.Normal.R, { padding: '3/4', fontColor: 'theme', borderTopLeftRadius: 0, borderBottomLeftRadius: 0, backgroundColor: 'inherit', height: 1, ssEffectsOnActive: ['expand'], onMouseOver: function (event) {
-                        _functions_1.Tooltips.open({
+                React.createElement(_export_4.Buttons.Button.Normal.R, { padding: '3/4', fontColor: 'theme', borderTopLeftRadius: 0, borderBottomLeftRadius: 0, backgroundColor: 'inherit', height: 1, ssEffectsOnActive: ['expand'], onMouseOver: function (event) {
+                        _export_4.Tooltips.open({
                             parent: event.currentTarget,
                             gravityPoint: 24,
                             padding: [1, 0],
-                            content: React.createElement(_functions_1.Tooltips.Comps.Body, null, "\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A")
+                            content: React.createElement(_export_4.Tooltips.Comps.Body, null, "\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A")
                         });
                     }, tabIndex: -1, onClick: function (event) {
                         $(event.target)
@@ -111,7 +111,7 @@ var TextInputs = {
                             Input.type = Input.type === 'password' ? 'text' : 'password';
                         });
                     } },
-                    React.createElement(_atoms_1.FAIcon, { d: 'eye', freeCSS: {
+                    React.createElement(_export_2.FAIcon, { d: 'eye', freeCSS: {
                             pointerEvents: 'none'
                         } }))) }, props)));
     },
@@ -126,12 +126,12 @@ var TimeInputs = {
         if ($.is.nullish(rawParams.rightIndicator)) {
             var icon = (rawParams.restrict || '').match(/clock/) ? 'clock' : 'calendar-lines';
             rawParams.rightIndicator = React.createElement(exports.Input.Comps.RightIndicator, { padding: 0 },
-                React.createElement(_functions_1.Buttons.Button.Sub.R, { color: 'cloud', border: 'unset', padding: '3/4', fontColor: 'theme', borderTopLeftRadius: 0, borderBottomLeftRadius: 0, backgroundColor: 'inherit', height: 1, ssEffectsOnActive: ['ripple.theme'], tabIndex: -1, id: 'Picker-' + rawParams.componentID, onClick: function () {
-                        var component = _global_1.useStore.get(rawParams.componentID);
+                React.createElement(_export_4.Buttons.Button.Sub.R, { color: 'cloud', border: 'unset', padding: '3/4', fontColor: 'theme', borderTopLeftRadius: 0, borderBottomLeftRadius: 0, backgroundColor: 'inherit', height: 1, ssEffectsOnActive: ['ripple.theme'], tabIndex: -1, id: 'Picker-' + rawParams.componentID, onClick: function () {
+                        var component = _export_1.useStore.get(rawParams.componentID);
                         if (component)
                             component.openPicker();
                     } },
-                    React.createElement(_atoms_1.FAIcon, { d: icon })));
+                    React.createElement(_export_2.FAIcon, { d: icon })));
         }
         return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _1.TimeInput, params: DefaultStyles.Boxish(rawParams) }));
     },
@@ -182,7 +182,7 @@ var TimeInputs = {
                     { value: 'meiji', label: '明治' }
                 ], onUpdateValidValue: function (_a) {
                     var value = _a.value, eventType = _a.eventType;
-                    var component = _global_1.useStore.get(params.componentID);
+                    var component = _export_1.useStore.get(params.componentID);
                     if (component && component.resetEra)
                         component.resetEra(value);
                 }, rightIcon: false }) }, params, { era: era })));
@@ -201,7 +201,7 @@ var ChipsInputs = function (rawParams) {
 ChipsInputs.fn = _4.ChipsInput.fn;
 var FileInputs = function (rawParams) {
     rawParams.override = 'force';
-    var params = _global_1.StyleConverter.ToClassName(rawParams);
+    var params = _export_1.StyleConverter.ToClassName(rawParams);
     params.cellClassName = [
         params.cellClassName,
         DefaultStyles.Boxish(__assign(__assign({}, params.cellStyles), { tone: params.tone })).className,
@@ -218,7 +218,7 @@ exports.ListInputs = {
     Checkbox: function (params) { return (React.createElement(exports.ListInputs.Origin, __assign({ iconType: 'checkbox', tone: params.tone }, params, { type: 'checkbox' }))); }
 };
 exports.Input = {
-    Plain: function (params) { return (React.createElement("input", __assign({}, _global_1.StyleConverter.ToClassName(params)))); },
+    Plain: function (params) { return (React.createElement("input", __assign({}, _export_1.StyleConverter.ToClassName(params)))); },
     Hidden: function (rawParams) {
         return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: Hidden_1.HiddenInput, params: rawParams }));
     },
@@ -260,7 +260,7 @@ exports.Input = {
         var _a, _b;
         if ($.is.nullish(rawParams.rightIcon)) {
             rawParams.rightIcon = React.createElement(exports.Input.Comps.RightIcon, __assign({ flexType: 'col', className: style_module_scss_1.default.IndicatorIcon }, rawParams.rightIconStyles),
-                React.createElement(_atoms_1.FAIcon.AngleDown, null));
+                React.createElement(_export_2.FAIcon.AngleDown, null));
         }
         if (rawParams.rightIcon)
             rawParams.paddingRight = (_a = rawParams.paddingRight) !== null && _a !== void 0 ? _a : 3;
@@ -277,16 +277,16 @@ exports.Input = {
         return React.createElement(ChipsInputs, __assign({ AddButtonComponent: function (props) {
                 if (props.selected.length)
                     return null;
-                return React.createElement(_atoms_1.Box, null, "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044");
+                return React.createElement(_export_2.Box, null, "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044");
             }, SelectedCellComponent: function (props) {
-                return React.createElement(_atoms_1.Box, { width: 1, textAlign: 'left' },
-                    React.createElement(_mols_1.Row.Separate, null,
+                return React.createElement(_export_2.Box, { width: 1, textAlign: 'left' },
+                    React.createElement(_export_3.Row.Separate, null,
                         props.label,
                         props.defaultRemoveButton));
             }, paddingLeft: 3, rightIcon: React.createElement(exports.Input.Comps.LeftIcon, null,
-                React.createElement(_mols_1.Column, { gap: 0 },
-                    React.createElement(_atoms_1.FAIcon.AngleUp, null),
-                    React.createElement(_atoms_1.FAIcon.AngleDown, null))), limit: 1 }, params));
+                React.createElement(_export_3.Column, { gap: 0 },
+                    React.createElement(_export_2.FAIcon.AngleUp, null),
+                    React.createElement(_export_2.FAIcon.AngleDown, null))), limit: 1 }, params));
     },
     File: FileInputs,
     Switch: function (rawParams) {
@@ -294,7 +294,7 @@ exports.Input = {
         return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _5.SwitchInput, params: rawParams }));
     },
     Slider: function (rawParams) {
-        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _7.SliderInput, params: _global_1.StyleConverter.ToClassName(rawParams) }));
+        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _7.SliderInput, params: _export_1.StyleConverter.ToClassName(rawParams) }));
     },
     Checker: function (rawParams) {
         return (React.createElement(exports.ListInputs.Origin, __assign({}, rawParams, { tone: 'plain', icon: true, type: 'checker', iconType: 'checkbox', value: rawParams.value ? true : null, cellStyles: __assign({ padding: 0 }, rawParams.cellStyles), options: [
@@ -308,26 +308,26 @@ exports.Input = {
     Segmented: _8.Segmented,
     Comps: {
         RequiredSign: function (params) {
-            return (React.createElement(_atoms_1.Span, __assign({ fontColor: 'white', fontSize: '0.xs', padding: ['1/4', '1/3'], backgroundColor: 'nega', borderRadius: '3.tone.tertiary', children: '必須' }, params)));
+            return (React.createElement(_export_2.Span, __assign({ fontColor: 'white', fontSize: '0.xs', padding: ['1/4', '1/3'], backgroundColor: 'nega', borderRadius: '3.tone.tertiary', children: '必須' }, params)));
         },
         OmitSign: function (params) {
-            return (React.createElement(_atoms_1.Span, __assign({ fontColor: 'white', fontSize: '0.xs', padding: ['1/4', '1/3'], borderRadius: '3.tone.tertiary', backgroundColor: '6.layer.darkest', children: '省略可' }, params)));
+            return (React.createElement(_export_2.Span, __assign({ fontColor: 'white', fontSize: '0.xs', padding: ['1/4', '1/3'], borderRadius: '3.tone.tertiary', backgroundColor: '6.layer.darkest', children: '省略可' }, params)));
         },
         LeftIndicator: function (params) {
             var tone = params.tone, others = __rest(params, ["tone"]);
-            return (React.createElement(_atoms_1.Box, __assign({}, DefaultStyles.Indicator(tone), { borderRight: 'unset', borderTopRightRadius: 0, borderBottomRightRadius: 0 }, others)));
+            return (React.createElement(_export_2.Box, __assign({}, DefaultStyles.Indicator(tone), { borderRight: 'unset', borderTopRightRadius: 0, borderBottomRightRadius: 0 }, others)));
         },
         RightIndicator: function (params) {
             var tone = params.tone, others = __rest(params, ["tone"]);
-            return (React.createElement(_atoms_1.Box, __assign({}, DefaultStyles.Indicator(tone), { borderLeft: 'unset', borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }, others)));
+            return (React.createElement(_export_2.Box, __assign({}, DefaultStyles.Indicator(tone), { borderLeft: 'unset', borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }, others)));
         },
         RightIcon: function (params) {
             var _a = params.tone, tone = _a === void 0 ? 'border' : _a, others = __rest(params, ["tone"]);
-            return (React.createElement(_atoms_1.Box, __assign({}, DefaultStyles.IndicatorIcon, { right: '3/4', className: style_module_scss_1.default.IndicatorIcon }, others, { freeCSS: __assign({ zIndex: 6, pointerEvents: 'none' }, others.freeCSS) })));
+            return (React.createElement(_export_2.Box, __assign({}, DefaultStyles.IndicatorIcon, { right: '3/4', className: style_module_scss_1.default.IndicatorIcon }, others, { freeCSS: __assign({ zIndex: 6, pointerEvents: 'none' }, others.freeCSS) })));
         },
         LeftIcon: function (params) {
             var _a = params.tone, tone = _a === void 0 ? 'border' : _a, others = __rest(params, ["tone"]);
-            return (React.createElement(_atoms_1.Box, __assign({}, DefaultStyles.IndicatorIcon, { left: '3/4', className: style_module_scss_1.default.IndicatorIcon }, others, { freeCSS: __assign({ zIndex: 6, pointerEvents: 'none' }, others.freeCSS) })));
+            return (React.createElement(_export_2.Box, __assign({}, DefaultStyles.IndicatorIcon, { left: '3/4', className: style_module_scss_1.default.IndicatorIcon }, others, { freeCSS: __assign({ zIndex: 6, pointerEvents: 'none' }, others.freeCSS) })));
         },
     }
 };
@@ -385,7 +385,7 @@ var DefaultStyles = {
                 }
             }
         }
-        return _global_1.StyleConverter.ToClassName(params);
+        return _export_1.StyleConverter.ToClassName(params);
     },
     Boxish: function (params) {
         if (!params.tone) {
@@ -405,7 +405,7 @@ var DefaultStyles = {
                 style_module_scss_1.default.Input,
                 params.className
             ].join(' ') });
-        return _global_1.StyleConverter.ToClassName(Styles);
+        return _export_1.StyleConverter.ToClassName(Styles);
     },
     Indicator: function (type) {
         if (!type) {

package/dist/Functions/Input/core.js

@@ -76,29 +76,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubmitForm = exports.ValidationCheck = exports.CommonEffects = exports.BoxWrapper = void 0;
-var _global_1 = require("../../Global/@export");
+var _export_1 = require("../../Global/@export");
 var useEffect = React.useEffect, useState = React.useState, useRef = React.useRef;
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _functions_1 = require("../@export");
+var _export_2 = require("../../Atoms/@export");
+var _export_3 = require("../../Molecules/@export");
+var _export_4 = require("../../Functions/@export");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var BoxWrapper = function (props) {
     var children = props.children, val_status = props.val_status, set_status = props.set_status, val_validate = props.val_validate, params = props.params;
     var clearButton = params.clearButton, rightIcon = params.rightIcon, leftIcon = params.leftIcon, wrapStyles = params.wrapStyles;
     if (val_status.eventType == 'init' && !params.checkValidationAtFirst)
         val_validate.notice = [];
-    return (React.createElement(_atoms_1.Box, __assign({ position: 'relative' }, wrapStyles, { id: 'BoxWrapper-' + val_status.componentID }),
-        React.createElement(_atoms_1.Flex, { flexWrap: false },
+    return (React.createElement(_export_2.Box, __assign({ position: 'relative' }, wrapStyles, { id: 'BoxWrapper-' + val_status.componentID }),
+        React.createElement(_export_2.Flex, { flexWrap: false },
             params.leftIndicator,
-            React.createElement(_atoms_1.Flex, { position: 'relative', flexSizing: 'auto' },
+            React.createElement(_export_2.Flex, { position: 'relative', flexSizing: 'auto' },
                 leftIcon,
                 children,
-                clearButton && !!val_status.dataValue ? React.createElement(_functions_1.Buttons.Button.Normal.R, { ssSphere: 2, flexCenter: true, fontColor: '5.translucent', ssEffectsOnActive: ['ripple.theme'], position: 'absolute', right: 1, top: '50%', freeCSS: {
+                clearButton && !!val_status.dataValue ? React.createElement(_export_4.Buttons.Button.Normal.R, { ssSphere: 2, flexCenter: true, fontColor: '5.translucent', ssEffectsOnActive: ['ripple.theme'], position: 'absolute', right: 1, top: '50%', freeCSS: {
                         zIndex: 3
                     }, className: style_module_scss_1.default.IndicatorIcon, onClick: function () {
                         set_status(__assign(__assign({}, val_status), { dataValue: '', formatValue: '', eventType: 'update', eventID: $.uuidGen() }));
                     } },
-                    React.createElement(_atoms_1.FAIcon.Times, null)) : rightIcon),
+                    React.createElement(_export_2.FAIcon.Times, null)) : rightIcon),
             params.rightIndicator),
         React.createElement(GenNotices, { notice: val_validate.notice, val_status: val_status })));
 };
@@ -111,13 +111,13 @@ var GenNotices = function (params) {
     var parentID = 'notice-' + params.val_status.componentID;
     var tipsID = 'notice-tips-' + params.val_status.componentID;
     if (!notice.length) {
-        _functions_1.Tooltips.close(tipsID);
+        _export_4.Tooltips.close(tipsID);
         return null;
     }
     var Notices = notice.map(function (cell) {
         var type = cell.type, label = cell.label;
-        return React.createElement(_mols_1.Row.Left, { gap: 0, borderRadius: '2.tone.secondary' },
-            React.createElement(_atoms_1.FAIcon, { flexCenter: true, fontSize: '3.paragraph', fontColor: {
+        return React.createElement(_export_3.Row.Left, { gap: 0, borderRadius: '2.tone.secondary' },
+            React.createElement(_export_2.FAIcon, { flexCenter: true, fontSize: '3.paragraph', fontColor: {
                     'invalid': 'nega',
                     'warn': 'warn',
                     'valid': 'posi',
@@ -126,39 +126,39 @@ var GenNotices = function (params) {
                     'warn': 'exclamation',
                     'valid': 'check'
                 }[type] }),
-            React.createElement(_atoms_1.Box, { fontColor: 'white' }, label));
+            React.createElement(_export_2.Box, { fontColor: 'white' }, label));
     });
     $.interval.standBy('NoticeTimer-' + componentID, 350, function () {
-        _functions_1.Tooltips.open({
+        _export_4.Tooltips.open({
             tipsID: tipsID,
             parent: '#' + parentID,
             padding: ['1/2', 0],
-            content: React.createElement(_functions_1.Tooltips.Comps.Body, { padding: ['1/2', '2/3'], fontSize: '1.mini', position: 'relative' },
-                React.createElement(_atoms_1.Box, { position: 'absolute', unitHeight: 1, unitWidth: 1, left: 1, backgroundColor: 'dark', freeCSS: {
+            content: React.createElement(_export_4.Tooltips.Comps.Body, { padding: ['1/2', '2/3'], fontSize: '1.mini', position: 'relative' },
+                React.createElement(_export_2.Box, { position: 'absolute', unitHeight: 1, unitWidth: 1, left: 1, backgroundColor: 'dark', freeCSS: {
                         zIndex: 1,
                         transform: 'rotate(45deg)',
                         top: -6
                     } }),
-                React.createElement(_mols_1.Column, { gap: '1/3', position: 'relative', freeCSS: {
+                React.createElement(_export_3.Column, { gap: '1/3', position: 'relative', freeCSS: {
                         zIndex: 2
                     }, backgroundColor: 'inherit' }, Notices))
         });
         $.interval.standBy('NoticeTimerClose-' + componentID, 7500, function () {
-            _functions_1.Tooltips.close(tipsID);
+            _export_4.Tooltips.close(tipsID);
         });
     });
-    return (React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Notices, id: parentID }));
+    return (React.createElement(_export_2.Box, { className: style_module_scss_1.default.Notices, id: parentID }));
 };
 var CommonEffects = function (props) {
     var type = props.type, params = props.params, val_status = props.val_status, set_status = props.set_status, ExtraOverrideParams = props.ExtraOverrideParams, ExtraStoreParams = props.ExtraStoreParams, val_validate = props.val_validate, set_validate = props.set_validate, DefaultValidation = props.DefaultValidation, onUpdateValue = props.onUpdateValue, onUpdateValidValue = props.onUpdateValidValue;
     var componentID = val_status.componentID;
     var _a = __read(useState($.uuidGen()), 2), val_refresh = _a[0], set_refresh = _a[1];
     useEffect(function () {
-        _global_1.useStore.update({
+        _export_1.useStore.update({
             key: componentID,
             value: __assign({ ResolveRefresh: null, Refresh: function () {
                     return new Promise(function (res, rej) {
-                        _global_1.useStore.get(componentID).ResolveRefresh = res;
+                        _export_1.useStore.get(componentID).ResolveRefresh = res;
                         set_refresh($.uuidGen());
                     });
                 }, GenNotice: function (props) {
@@ -167,7 +167,7 @@ var CommonEffects = function (props) {
                 } }, ExtraStoreParams)
         });
         return function () {
-            _global_1.useStore.delete(componentID);
+            _export_1.useStore.delete(componentID);
         };
     }, []);
     var mounted = useRef(false);
@@ -197,7 +197,7 @@ var CommonEffects = function (props) {
             if (!['init', 'override'].includes(val_status.eventType))
                 return;
         }
-        var component = _global_1.useStore.get(val_status.componentID);
+        var component = _export_1.useStore.get(val_status.componentID);
         if (!component)
             return;
         if (params.value != val_status.dataValue &&
@@ -216,7 +216,7 @@ var CommonEffects = function (props) {
             Value = JSON.parse(dataValue);
         }
         else if (type == 'file') {
-            _global_1.useStore.update({
+            _export_1.useStore.update({
                 key: componentID,
                 value: {
                     Files: val_status.dataValue
@@ -224,14 +224,14 @@ var CommonEffects = function (props) {
             });
         }
         if (eventType == 'refresh') {
-            _global_1.useStore.get(componentID).ResolveRefresh(null);
+            _export_1.useStore.get(componentID).ResolveRefresh(null);
         }
         if (eventType == 'update') {
             if (onUpdateValue)
                 onUpdateValue({
                     componentID: componentID,
                     value: Value,
-                    storeData: _global_1.useStore.get(componentID),
+                    storeData: _export_1.useStore.get(componentID),
                     eventType: eventType
                 });
             if (val_validate.ok && $.is.exist(Value)) {
@@ -239,7 +239,7 @@ var CommonEffects = function (props) {
                     onUpdateValidValue({
                         componentID: componentID,
                         value: Value,
-                        storeData: _global_1.useStore.get(componentID),
+                        storeData: _export_1.useStore.get(componentID),
                         eventType: eventType
                     });
             }

package/dist/Functions/Inputs/text.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextInput = void 0;
-var _global_1 = require("../../Global/@export");
+var _export_1 = require("../../Global/@export");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var ToneStyles = {
     common: {
@@ -41,6 +41,6 @@ var ToneStyles = {
 };
 var TextInput = function (params) {
     params = __assign(__assign(__assign({}, ToneStyles.common), ToneStyles.bottomBorder), params);
-    return (React.createElement("input", __assign({ type: "text", placeholder: 'fvdgsbsfgdvs' }, _global_1.StyleConverter.ToClassName(params))));
+    return (React.createElement("input", __assign({ type: "text", placeholder: 'fvdgsbsfgdvs' }, _export_1.StyleConverter.ToClassName(params))));
 };
 exports.TextInput = TextInput;

package/dist/Functions/Layout/PageNotFound.js

@@ -1,30 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageNotFound = void 0;
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _functions_1 = require("../@export");
+var _export_1 = require("../../Atoms/@export");
+var _export_2 = require("../../Molecules/@export");
+var _export_3 = require("../../Functions/@export");
 var PageNotFound = function () {
     var href = location.href;
-    return (React.createElement(_mols_1.Row.Center, { padding: [4, 1] },
-        React.createElement(_mols_1.Column, { ssCardBox: true, gap: 2, padding: [3, 2], textAlign: 'center', width: 1, freeCSS: {
+    return (React.createElement(_export_2.Row.Center, { padding: [4, 1] },
+        React.createElement(_export_2.Column, { ssCardBox: true, gap: 2, padding: [3, 2], textAlign: 'center', width: 1, freeCSS: {
                 maxWidth: 12 * 30
             } },
-            React.createElement(_atoms_1.FAIcon.LinkSlash, { fontColor: 'theme', iconFamily: 'classic', isDuotoneIcon: true, freeCSS: {
+            React.createElement(_export_1.FAIcon.LinkSlash, { fontColor: 'theme', iconFamily: 'classic', isDuotoneIcon: true, freeCSS: {
                     fontSize: '3rem'
                 } }),
-            React.createElement(_atoms_1.Box, null,
-                React.createElement(_mols_1.Text.Paragraph, null, "\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"),
-                React.createElement(_mols_1.Text.Supplement, { fontColor: '3.blur' }, "\u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002")),
-            React.createElement(_mols_1.Column, null,
-                React.createElement(_mols_1.Text.Normal, { textAlign: 'left', ssCardBox: 'cloud', isBoldFont: true, padding: 1 },
+            React.createElement(_export_1.Box, null,
+                React.createElement(_export_2.Text.Paragraph, null, "\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"),
+                React.createElement(_export_2.Text.Supplement, { fontColor: '3.blur' }, "\u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002")),
+            React.createElement(_export_2.Column, null,
+                React.createElement(_export_2.Text.Normal, { textAlign: 'left', ssCardBox: 'cloud', isBoldFont: true, padding: 1 },
                     "\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",
-                    React.createElement(_atoms_1.Box, { margin: ['1/2', 0], borderBottom: true }),
+                    React.createElement(_export_1.Box, { margin: ['1/2', 0], borderBottom: true }),
                     "\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",
-                    React.createElement(_atoms_1.Box, { margin: ['1/2', 0], borderBottom: true }),
+                    React.createElement(_export_1.Box, { margin: ['1/2', 0], borderBottom: true }),
                     "\u30FB\u30A2\u30AF\u30BB\u30B9\u6A29\u9650\u7B49\u304C\u6B63\u3057\u3044\u304B"),
                 "\u306A\u3069\u3092\u3082\u3046\u4E00\u5EA6\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002"),
-            React.createElement(_functions_1.Buttons.Anchor.Link, { newTab: true, href: href }, href),
-            React.createElement(_functions_1.Buttons.Anchor.BorderToFill.R, { href: '/', width: 1, children: 'ホームに戻る' }))));
+            React.createElement(_export_3.Buttons.Anchor.Link, { newTab: true, href: href }, href),
+            React.createElement(_export_3.Buttons.Anchor.BorderToFill.R, { href: '/', width: 1, children: 'ホームに戻る' }))));
 };
 exports.PageNotFound = PageNotFound;

package/dist/Functions/Layout/PageRouter.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageRouter = void 0;
-var _global_1 = require("../../Global/@export");
-var _functions_1 = require("../@export");
+var _export_1 = require("../../Global/@export");
+var _export_2 = require("../../Functions/@export");
 var useEffect = React.useEffect, useRef = React.useRef;
-var useHistory = _global_1.ReactRouterDom.useHistory, useLocation = _global_1.ReactRouterDom.useLocation, BrowserRouter = _global_1.ReactRouterDom.BrowserRouter, Switch = _global_1.ReactRouterDom.Switch, Route = _global_1.ReactRouterDom.Route;
+var useHistory = _export_1.ReactRouterDom.useHistory, useLocation = _export_1.ReactRouterDom.useLocation, BrowserRouter = _export_1.ReactRouterDom.BrowserRouter, Switch = _export_1.ReactRouterDom.Switch, Route = _export_1.ReactRouterDom.Route;
 var userEffect = function (beforeCallback, afterCallback, afterFirstCallback) {
     var mounted = useRef(false);
     var location = useLocation();
     var history = useHistory();
-    _global_1.useStore.set({
+    _export_1.useStore.set({
         key: 'history',
         value: history
     });
@@ -56,7 +56,7 @@ var Switcher = function (props) {
     return (React.createElement(Switch, null,
         Routes,
         React.createElement(Route, { path: '*', render: function () { return (React.createElement(React.Fragment, null,
-                React.createElement(_functions_1.Layout.PageNotFound, null))); } })));
+                React.createElement(_export_2.Layout.PageNotFound, null))); } })));
 };
 var PageRouter = function (props) {
     var pages = props.pages, beforeCallBack = props.beforeCallBack, afterCallBack = props.afterCallBack, afterFirstCallBack = props.afterFirstCallBack;

package/dist/Functions/Layout/PageViewController/parts.js

@@ -17,15 +17,15 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageViewController = void 0;
-var _global_1 = require("../../../Global/@export");
-var useState = _global_1.React.useState, useEffect = _global_1.React.useEffect;
-var _functions_1 = require("../../@export");
+var _export_1 = require("../../../Global/@export");
+var useState = _export_1.React.useState, useEffect = _export_1.React.useEffect;
+var _export_2 = require("../../../Functions/@export");
 var PageViewController = function (params) {
-    var _a = params.viewIndex, viewIndex = _a === void 0 ? 0 : _a, views = params.views, _b = params.wrapper, wrapper = _b === void 0 ? function (body) { return (_global_1.React.createElement(_functions_1.Effects.FadeIn, { key: viewIndex, animationTime: 400, children: body })); } : _b;
+    var _a = params.viewIndex, viewIndex = _a === void 0 ? 0 : _a, views = params.views, _b = params.wrapper, wrapper = _b === void 0 ? function (body) { return (_export_1.React.createElement(_export_2.Effects.FadeIn, { key: viewIndex, animationTime: 400, children: body })); } : _b;
     viewIndex = Math.min(Math.max(viewIndex, 0), views.length);
     var _c = __read(useState(viewIndex), 2), val_index = _c[0], set_index = _c[1];
     if (val_index != viewIndex)
         set_index(viewIndex);
-    return (_global_1.React.createElement(_global_1.React.Fragment, null, wrapper(views[viewIndex])));
+    return (_export_1.React.createElement(_export_1.React.Fragment, null, wrapper(views[viewIndex])));
 };
 exports.PageViewController = PageViewController;

package/dist/Functions/Layout/Plate.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Plate = void 0;
-var _atoms_1 = require("../../Atoms/@export");
+var _export_1 = require("../../Atoms/@export");
 var Plate = function (props) {
     var _a = props.size, size = _a === void 0 ? 'R' : _a, others = __rest(props, ["size"]);
     var Size = {
@@ -34,6 +34,6 @@ var Plate = function (props) {
         'XL': 100,
         'MAX': 120,
     }[size];
-    return (React.createElement(_atoms_1.Box, __assign({ margin: [0, 'auto'], width: 1 }, others, { freeCSS: __assign({ maxWidth: 12 * Size }, others.freeCSS) })));
+    return (React.createElement(_export_1.Box, __assign({ margin: [0, 'auto'], width: 1 }, others, { freeCSS: __assign({ maxWidth: 12 * Size }, others.freeCSS) })));
 };
 exports.Plate = Plate;

package/dist/Functions/Layout/RootViewController/parts.js

@@ -53,16 +53,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RootViewController = void 0;
-var _global_1 = require("../../../Global/@export");
-var _atoms_1 = require("../../../Atoms/@export");
-var _mols_1 = require("../../../Molecules/@export");
-var _functions_1 = require("../../@export");
+var _export_1 = require("../../../Global/@export");
+var _export_2 = require("../../../Atoms/@export");
+var _export_3 = require("../../../Molecules/@export");
+var _export_4 = require("../../../Functions/@export");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 exports.RootViewController = {
     Base: function (params) {
         var topNavigation = params.topNavigation, sideNavigation = params.sideNavigation, footerNavigation = params.footerNavigation, children = params.children, className = params.className, others = __rest(params, ["topNavigation", "sideNavigation", "footerNavigation", "children", "className"]);
-        var Key = _global_1.useRecycle.set('RootViewController');
-        _global_1.React.useEffect(function () {
+        var Key = _export_1.useRecycle.set('RootViewController');
+        _export_1.React.useEffect(function () {
             calcHeights();
             setTimeout(function () {
                 calcHeights();
@@ -83,22 +83,22 @@ exports.RootViewController = {
             };
         }, []);
         var Chilren = children;
-        return (_global_1.React.createElement(_mols_1.Column, __assign({ key: Key, className: [
+        return (_export_1.React.createElement(_export_3.Column, __assign({ key: Key, className: [
                 className,
                 style_module_scss_1.default.Root,
             ].join(' '), backgroundColor: '1.layer.base' }, others, { gap: 0, minHeight: 'viewHeight' }),
             topNavigation,
-            _global_1.React.createElement(_atoms_1.Flex, { className: style_module_scss_1.default.Body, flexWrap: false, position: 'relative', flexSizing: 0 },
+            _export_1.React.createElement(_export_2.Flex, { className: style_module_scss_1.default.Body, flexWrap: false, position: 'relative', flexSizing: 0 },
                 sideNavigation,
-                _global_1.React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Content, position: 'relative', flexSizing: 0, width: 0, UnderBreakPointStyles: {
+                _export_1.React.createElement(_export_2.Box, { className: style_module_scss_1.default.Content, position: 'relative', flexSizing: 0, width: 0, UnderBreakPointStyles: {
                         width: 1
                     } }, Chilren)),
             footerNavigation));
     },
     TopNavigation: function (params) {
         var className = params.className, children = params.children, others = __rest(params, ["className", "children"]);
-        var _a = __read(_global_1.React.useState($.uuidGen()), 1), val_componentID = _a[0];
-        _global_1.React.useEffect(function () {
+        var _a = __read(_export_1.React.useState($.uuidGen()), 1), val_componentID = _a[0];
+        _export_1.React.useEffect(function () {
             var height = $("[data-id=\"".concat(val_componentID, "\"]")).position().height;
             height = height | 0;
             var topBase = height;
@@ -109,11 +109,11 @@ exports.RootViewController = {
                 .setStyleProperty('--topNavHeight', height + 'px')
                 .setStyleProperty('--topBase', topBase + 'px');
         }, []);
-        return (_global_1.React.createElement(_atoms_1.Flex, __assign({ key: val_componentID, "data-id": val_componentID, flexSizing: 'none', flexType: 'col', position: 'sticky', top: 0, backgroundColor: '1.layer.base' }, others, { id: 'TopNavigation', className: [
+        return (_export_1.React.createElement(_export_2.Flex, __assign({ key: val_componentID, "data-id": val_componentID, flexSizing: 'none', flexType: 'col', position: 'sticky', top: 0, backgroundColor: '1.layer.base' }, others, { id: 'TopNavigation', className: [
                 className,
                 style_module_scss_1.default.TopNav
             ].join(' ') }),
-            _global_1.React.createElement(_atoms_1.Box, { position: 'absolute', left: 0, right: 0, backgroundColor: 'inherit', className: style_module_scss_1.default.TopCover, freeCSS: {
+            _export_1.React.createElement(_export_2.Box, { position: 'absolute', left: 0, right: 0, backgroundColor: 'inherit', className: style_module_scss_1.default.TopCover, freeCSS: {
                     top: '-1rem',
                     height: '2rem',
                     zIndex: -1
@@ -122,24 +122,24 @@ exports.RootViewController = {
     },
     SideNavigation: function (params) {
         var _a = params.className, className = _a === void 0 ? '' : _a, baseStyles = params.baseStyles, others = __rest(params, ["className", "baseStyles"]);
-        return (_global_1.React.createElement(_atoms_1.Box, __assign({ flexSizing: 'none', className: [
+        return (_export_1.React.createElement(_export_2.Box, __assign({ flexSizing: 'none', className: [
                 className,
                 style_module_scss_1.default.SideNav
             ].join(' '), minHeight: 'sideNavigationHeight' }, others)));
     },
     FooterNavigation: function (params) {
         var _a = params.className, className = _a === void 0 ? '' : _a, baseStyles = params.baseStyles, others = __rest(params, ["className", "baseStyles"]);
-        var _b = __read(_global_1.React.useState($.uuidGen()), 1), val_componentID = _b[0];
-        _global_1.React.useEffect(function () {
+        var _b = __read(_export_1.React.useState($.uuidGen()), 1), val_componentID = _b[0];
+        _export_1.React.useEffect(function () {
             var height = $("[data-id=\"".concat(val_componentID, "\"]")).position().height;
             height = height | 0;
             $(document.body).setStyleProperty('--footerNavHeight', height + 'px');
         }, []);
-        return (_global_1.React.createElement(_atoms_1.Flex, __assign({ "data-id": val_componentID, borderTop: true, position: 'sticky', bottom: 0, overflow: 'auto', backgroundColor: '1.layer.base', paddingBottom: 'safeAreaBottom', display: 'none' }, baseStyles, { UnderBreakPointStyles: __assign({ display: 'flex' }, baseStyles === null || baseStyles === void 0 ? void 0 : baseStyles.UnderBreakPointStyles), className: [
+        return (_export_1.React.createElement(_export_2.Flex, __assign({ "data-id": val_componentID, borderTop: true, position: 'sticky', bottom: 0, overflow: 'auto', backgroundColor: '1.layer.base', paddingBottom: 'safeAreaBottom', display: 'none' }, baseStyles, { UnderBreakPointStyles: __assign({ display: 'flex' }, baseStyles === null || baseStyles === void 0 ? void 0 : baseStyles.UnderBreakPointStyles), className: [
                 style_module_scss_1.default.FooterNav,
                 className
             ].join(' ') }),
-            _global_1.React.createElement(_atoms_1.Flex, __assign({ gap: 1, flexWrap: false, padding: '2/3', margin: 'auto' }, others))));
+            _export_1.React.createElement(_export_2.Flex, __assign({ gap: 1, flexWrap: false, padding: '2/3', margin: 'auto' }, others))));
     },
     Comps: {
         Button: function (params) {
@@ -178,16 +178,16 @@ exports.RootViewController = {
                 }
                 isActive = isActive !== null && isActive !== void 0 ? isActive : isCurrentURL;
             }
-            return _global_1.React.createElement(_functions_1.Buttons.Button.Clear.R, __assign({ padding: ['3/4', 1], display: 'flex', gap: '1/2', fontColor: 'inherit', width: 1, flexSizing: 'none', flexWrap: false, ssEffectsOnActive: 'ripple.cloud', verticalAlign: 'center', textAlign: 'left', isBoldFont: true, isActive: isActive, isActiveStyles: {
+            return _export_1.React.createElement(_export_4.Buttons.Button.Clear.R, __assign({ padding: ['3/4', 1], display: 'flex', gap: '1/2', fontColor: 'inherit', width: 1, flexSizing: 'none', flexWrap: false, ssEffectsOnActive: 'ripple.cloud', verticalAlign: 'center', textAlign: 'left', isBoldFont: true, isActive: isActive, isActiveStyles: {
                     fontColor: 'theme',
                     backgroundColor: 'cloud'
                 }, onClick: function (event) {
                     if ($.is.exist(uri) && $.is.string(uri))
-                        _global_1.pageTransit.push(uri, event.ctrlKey || event.metaKey);
+                        _export_1.pageTransit.push(uri, event.ctrlKey || event.metaKey);
                 }, color: 'cloud' }, others));
         },
-        Bar: function (params) { return (_global_1.React.createElement(_atoms_1.Box, __assign({ backgroundColor: 'lcOpMiddle', unitHeight: '1/3', margin: ['2/3', 1], borderRadius: 'sphere' }, params))); },
-        Title: function (params) { return (_global_1.React.createElement(_atoms_1.Box, __assign({ fontSize: '3.paragraph', isBoldFont: true, padding: [0, 1] }, params))); },
+        Bar: function (params) { return (_export_1.React.createElement(_export_2.Box, __assign({ backgroundColor: 'lcOpMiddle', unitHeight: '1/3', margin: ['2/3', 1], borderRadius: 'sphere' }, params))); },
+        Title: function (params) { return (_export_1.React.createElement(_export_2.Box, __assign({ fontSize: '3.paragraph', isBoldFont: true, padding: [0, 1] }, params))); },
     }
 };
 var calcHeights = function () {