amotify 0.0.7 → 0.0.8

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

@@ -42,8 +42,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Core = exports.SwipeView = void 0;
-var _global_1 = require("../../../Global/@export");
-var _atoms_1 = require("../../../Atoms/@export");
+var _export_1 = require("../../../Global/@export");
+var _export_2 = require("../../../Atoms/@export");
 var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef;
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var SwipeView = function (params) {
@@ -58,7 +58,7 @@ var Core = function (params) {
         index: params.slideIndex
     }), 2), val_event = _l[0], set_event = _l[1];
     useEffect(function () {
-        _global_1.useStore.set({
+        _export_1.useStore.set({
             key: 'SwipeTimer-' + val_swipeID,
             value: null
         });
@@ -138,7 +138,7 @@ var Core = function (params) {
             });
         }
     }, [val_event]);
-    var Slides = slides.map(function (slide, index) { return React.createElement(_atoms_1.Box, { key: index, flexSizing: 'none', width: 1, height: 0, className: style_module_scss_1.default.Child, children: wrapper(slide) }); });
+    var Slides = slides.map(function (slide, index) { return React.createElement(_export_2.Box, { key: index, flexSizing: 'none', width: 1, height: 0, className: style_module_scss_1.default.Child, children: wrapper(slide) }); });
     if (loop) {
         Slides.push(Slides[0]);
         Slides.unshift(Slides[Slides.length - 2]);
@@ -157,7 +157,7 @@ var Core = function (params) {
         set_event: set_event
     };
     var Index = val_event.index + (loop ? 1 : 0);
-    return (React.createElement(_atoms_1.Box, __assign({ overflow: 'hidden', position: 'relative' }, others, { freeCSS: __assign({ zIndex: 1 }, others.freeCSS), "data-swipe-id": val_swipeID, onMouseDown: function (event) {
+    return (React.createElement(_export_2.Box, __assign({ overflow: 'hidden', position: 'relative' }, others, { freeCSS: __assign({ zIndex: 1 }, others.freeCSS), "data-swipe-id": val_swipeID, onMouseDown: function (event) {
             if (disableMousedrag)
                 return;
             if (event.buttons != 1)
@@ -171,7 +171,7 @@ var Core = function (params) {
                 return;
             FNs.EffectStart(event, info);
         } }),
-        React.createElement(_atoms_1.Flex, { flexWrap: false, gap: 1, transition: 'long', className: [
+        React.createElement(_export_2.Flex, { flexWrap: false, gap: 1, transition: 'long', className: [
                 style_module_scss_1.default.Rail,
                 style_module_scss_1.default['ShowOther_' + visibilitySurroundSlide]
             ].join(' '), id: 'Swiper-' + val_swipeID, freeCSS: __assign({}, !mounted.current ? {

package/dist/Functions/Layout/TabBar.js

@@ -23,19 +23,19 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabBar = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
-var _functions_1 = require("../@export");
-var useEffect = _global_1.React.useEffect, useState = _global_1.React.useState;
+var _export_1 = require("../../Global/@export");
+var _export_2 = require("../../Atoms/@export");
+var _export_3 = require("../../Functions/@export");
+var useEffect = _export_1.React.useEffect, useState = _export_1.React.useState;
 var TabBar = function (params) {
     var tabIndex = params.tabIndex, tabs = params.tabs, onTabChange = params.onTabChange, componentDidMount = params.componentDidMount, others = __rest(params, ["tabIndex", "tabs", "onTabChange", "componentDidMount"]);
     useEffect(function () {
         if (componentDidMount)
             componentDidMount();
     }, []);
-    return (_global_1.React.createElement(_atoms_1.Flex, __assign({ position: 'relative', overflow: 'auto', flexWrap: false }, others, { freeCSS: __assign({ zIndex: 3, whiteSpace: 'nowrap' }, others.freeCSS) }),
-        _global_1.React.createElement(_atoms_1.Box, { margin: [0, 'auto'] },
-            _global_1.React.createElement(_functions_1.Input.Segmented.BottomLine, { value: tabIndex, fontColor: 'inherit', override: 'force', gap: 0, options: tabs.map(function (tab, index) {
+    return (_export_1.React.createElement(_export_2.Flex, __assign({ position: 'relative', overflow: 'auto', flexWrap: false }, others, { freeCSS: __assign({ zIndex: 3, whiteSpace: 'nowrap' }, others.freeCSS) }),
+        _export_1.React.createElement(_export_2.Box, { margin: [0, 'auto'] },
+            _export_1.React.createElement(_export_3.Input.Segmented.BottomLine, { value: tabIndex, fontColor: 'inherit', override: 'force', gap: 0, options: tabs.map(function (tab, index) {
                     return {
                         value: index,
                         label: tab

package/dist/Functions/Loader/corner.js

@@ -20,15 +20,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Corner = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
+var _export_1 = require("../../Global/@export");
+var _export_2 = require("../../Atoms/@export");
 var useEffect = React.useEffect, useState = React.useState;
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var parts_1 = require("./parts");
 var Corner = function () {
     var _a = __read(useState(false), 2), val_active = _a[0], set_active = _a[1];
     useEffect(function () {
-        _global_1.useStore.set({
+        _export_1.useStore.set({
             key: parts_1.memoryID + '-corner',
             value: {
                 active: function () {
@@ -40,20 +40,20 @@ var Corner = function () {
             }
         });
     }, []);
-    return React.createElement(_atoms_1.Flex, { className: [
+    return React.createElement(_export_2.Flex, { className: [
             style_module_scss_1.default.CornerLoader,
             style_module_scss_1.default['Active_' + val_active]
         ].join(' '), gap: '1/2', padding: ['1/2', '3/4'], borderRadius: '2/3', backgroundColor: 'theme', position: 'fixed', boxShadow: 2, right: 1, bottom: 1, opacity: 'trans', transition: 'short', freeCSS: {
             pointerEvents: 'none'
         } },
-        React.createElement(_atoms_1.Flex, { className: style_module_scss_1.default.Wrap, flexWrap: false, verticalAlign: 'center', horizontalAlign: 'center' },
-            React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Ld4 }),
-            React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Ld3 }),
-            React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Ld2 }),
-            React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Ld1 }),
-            React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Ld2 }),
-            React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Ld3 }),
-            React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Ld4 })),
-        React.createElement(_atoms_1.Box, { fontColor: 'white', fontSize: '0.xs', isBoldFont: true }, "Loading"));
+        React.createElement(_export_2.Flex, { className: style_module_scss_1.default.Wrap, flexWrap: false, verticalAlign: 'center', horizontalAlign: 'center' },
+            React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld4 }),
+            React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld3 }),
+            React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld2 }),
+            React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld1 }),
+            React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld2 }),
+            React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld3 }),
+            React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld4 })),
+        React.createElement(_export_2.Box, { fontColor: 'white', fontSize: '0.xs', isBoldFont: true }, "Loading"));
 };
 exports.Corner = Corner;

package/dist/Functions/Loader/mini.js

@@ -42,8 +42,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Mini = void 0;
-var _global_1 = require("../../Global/@export");
-var _mols_1 = require("../../Molecules/@export");
+var _export_1 = require("../../Global/@export");
+var _export_2 = require("../../Molecules/@export");
 var useEffect = React.useEffect, useState = React.useState;
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var Mini = function (params) {
@@ -91,7 +91,7 @@ var Mini = function (params) {
         }
     }, [val_active]);
     useEffect(function () {
-        _global_1.useStore.set({
+        _export_1.useStore.set({
             key: val_componentID,
             value: {
                 active: function (keyCode) {
@@ -110,7 +110,7 @@ var Mini = function (params) {
             }
         });
     }, []);
-    return React.createElement(_mols_1.Row.Center, __assign({ ssSphere: Size, className: [
+    return React.createElement(_export_2.Row.Center, __assign({ ssSphere: Size, className: [
             style_module_scss_1.default.MiniLoader,
             showInitial ? '' : style_module_scss_1.default.Hide
         ].join(' '), componentID: val_componentID, position: 'relative' }, props),

package/dist/Functions/Loader/parts.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loader = exports.memoryID = void 0;
-var _global_1 = require("../../Global/@export");
+var _export_1 = require("../../Global/@export");
 var useEffect = React.useEffect, useState = React.useState;
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 exports.memoryID = $.uuidGen();
@@ -43,18 +43,18 @@ var Loader = {
     fn: {
         top: {
             active: function () {
-                _global_1.useStore.get(exports.memoryID + '-top').active();
+                _export_1.useStore.get(exports.memoryID + '-top').active();
             },
             stop: function () {
-                _global_1.useStore.get(exports.memoryID + '-top').stop();
+                _export_1.useStore.get(exports.memoryID + '-top').stop();
             },
         },
         corner: {
             active: function () {
-                _global_1.useStore.get(exports.memoryID + '-corner').active();
+                _export_1.useStore.get(exports.memoryID + '-corner').active();
             },
             stop: function () {
-                _global_1.useStore.get(exports.memoryID + '-corner').stop();
+                _export_1.useStore.get(exports.memoryID + '-corner').stop();
             },
         },
         mini: {
@@ -64,7 +64,7 @@ var Loader = {
                     var _a = elm.dataset, _b = _a === void 0 ? {} : _a, componentId = _b.componentId;
                     if (!componentId)
                         return;
-                    var fn = _global_1.useStore.get(componentId);
+                    var fn = _export_1.useStore.get(componentId);
                     if (fn && fn.active)
                         fn.active(keyCode);
                 });
@@ -75,7 +75,7 @@ var Loader = {
                     var _a = elm.dataset, _b = _a === void 0 ? {} : _a, componentId = _b.componentId;
                     if (!componentId)
                         return;
-                    var fn = _global_1.useStore.get(componentId);
+                    var fn = _export_1.useStore.get(componentId);
                     if (fn && fn.stop)
                         fn.stop(keyCode);
                 });
@@ -85,7 +85,7 @@ var Loader = {
                     var _a = elm.dataset, _b = _a === void 0 ? {} : _a, componentId = _b.componentId;
                     if (!componentId)
                         return;
-                    var fn = _global_1.useStore.get(componentId);
+                    var fn = _export_1.useStore.get(componentId);
                     if (fn && fn.stopForce)
                         fn.stopForce();
                 });
@@ -99,7 +99,7 @@ var Loader = {
     }
 };
 exports.Loader = Loader;
-(0, _global_1.LaunchReactApplication)({
+(0, _export_1.LaunchReactApplication)({
     baseElement: '#LOADER',
     reactElement: React.createElement(React.Fragment, null,
         React.createElement(top_1.Top, null),

package/dist/Functions/Loader/top.js

@@ -20,15 +20,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Top = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
+var _export_1 = require("../../Global/@export");
+var _export_2 = require("../../Atoms/@export");
 var useEffect = React.useEffect, useState = React.useState;
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var parts_1 = require("./parts");
 var Top = function () {
     var _a = __read(useState(false), 2), val_active = _a[0], set_active = _a[1];
     useEffect(function () {
-        _global_1.useStore.set({
+        _export_1.useStore.set({
             key: parts_1.memoryID + '-top',
             value: {
                 active: function () {
@@ -40,30 +40,30 @@ var Top = function () {
             }
         });
     }, []);
-    return React.createElement(_atoms_1.Flex, { className: [
+    return React.createElement(_export_2.Flex, { className: [
             style_module_scss_1.default.TopLoader,
             style_module_scss_1.default['Active_' + val_active]
         ].join(' '), position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, horizontalAlign: 'center', transition: 'long', opacity: 'trans', backgroundColor: 'lcOpHigh', freeCSS: {
             paddingTop: 12 * 8,
             pointerEvents: 'none'
         } },
-        React.createElement(_atoms_1.Flex, { flexType: 'col', position: 'relative' },
-            React.createElement(_atoms_1.Flex, { className: style_module_scss_1.default.Center, flexCenter: true },
-                React.createElement(_atoms_1.Box, null,
-                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child1].join(' ') },
-                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcDarken' })),
-                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child2].join(' ') },
-                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcDarker' })),
-                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child3].join(' ') },
-                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcDarkest' })),
-                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child4].join(' ') },
-                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcLighten' })),
-                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child5].join(' ') },
-                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcLighter' })),
-                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child6].join(' ') },
-                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcLightest' })),
-                    React.createElement(_atoms_1.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child7].join(' ') },
-                        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'theme' })))),
-            React.createElement(_atoms_1.Box, { flexCenter: true, fontSize: '2.normal' }, "Loading...")));
+        React.createElement(_export_2.Flex, { flexType: 'col', position: 'relative' },
+            React.createElement(_export_2.Flex, { className: style_module_scss_1.default.Center, flexCenter: true },
+                React.createElement(_export_2.Box, null,
+                    React.createElement(_export_2.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child1].join(' ') },
+                        React.createElement(_export_2.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcDarken' })),
+                    React.createElement(_export_2.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child2].join(' ') },
+                        React.createElement(_export_2.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcDarker' })),
+                    React.createElement(_export_2.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child3].join(' ') },
+                        React.createElement(_export_2.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcDarkest' })),
+                    React.createElement(_export_2.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child4].join(' ') },
+                        React.createElement(_export_2.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcLighten' })),
+                    React.createElement(_export_2.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child5].join(' ') },
+                        React.createElement(_export_2.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcLighter' })),
+                    React.createElement(_export_2.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child6].join(' ') },
+                        React.createElement(_export_2.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'tcLightest' })),
+                    React.createElement(_export_2.Box, { className: [style_module_scss_1.default.Child, style_module_scss_1.default.Child7].join(' ') },
+                        React.createElement(_export_2.Box, { className: style_module_scss_1.default.Circle, backgroundColor: 'theme' })))),
+            React.createElement(_export_2.Box, { flexCenter: true, fontSize: '2.normal' }, "Loading...")));
 };
 exports.Top = Top;

package/dist/Functions/Sheet/parts.js

@@ -53,10 +53,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sheet = 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 useEffect = React.useEffect, useState = React.useState;
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var Comps = {
@@ -65,7 +65,7 @@ var Comps = {
         params = __assign(__assign({ sheetID: $.uuidGen(), sheetGroups: params.sheetGroups || [], overwrap: params.type == 'custom' ? true : false, holdState: false }, params), { closeOption: __assign({ pageTransit: true, escapeKeyDown: true, aroundClick: false }, params.closeOption) });
         if (this.contents[params.sheetID]) {
             /** open Exist Sheet */
-            var component = _global_1.useStore.get(params.sheetID);
+            var component = _export_1.useStore.get(params.sheetID);
             if (component && component.refresh)
                 component.refresh(params, true);
             return;
@@ -81,7 +81,7 @@ var Comps = {
         $('#SHEET')
             .append("<div id=\"Sheet-".concat(params.sheetID, "\"></div>"))
             .callback(function () {
-            (0, _global_1.LaunchReactApplication)({
+            (0, _export_1.LaunchReactApplication)({
                 baseElement: '#Sheet-' + params.sheetID,
                 reactElement: Content,
             });
@@ -113,7 +113,7 @@ var Comps = {
             'custom': 'Custom',
         }[type]];
         useEffect(function () {
-            _global_1.useStore.set({
+            _export_1.useStore.set({
                 key: sheetID,
                 value: {
                     refresh: function (params, open) {
@@ -122,7 +122,7 @@ var Comps = {
                     },
                     resize: function (size) {
                         if (type == 'drawer.bottom') {
-                            var component = _global_1.useStore.get(val_componentID);
+                            var component = _export_1.useStore.get(val_componentID);
                             if (component && component.resize)
                                 component.resize(size);
                         }
@@ -234,7 +234,7 @@ var Comps = {
             });
         }, [val_open]);
         var _e = __read(type.split('.'), 2), Tcate = _e[0], Tpos = _e[1];
-        return (React.createElement(_atoms_1.Box, { className: [
+        return (React.createElement(_export_2.Box, { className: [
                 style_module_scss_1.default.Wrap,
                 style_module_scss_1.default['Tcate_' + Tcate],
                 style_module_scss_1.default['Tpos_' + Tpos],
@@ -242,7 +242,7 @@ var Comps = {
             ].join(' '), width: 1, height: 0, ssAbsoluteCovered: true, freeCSS: {
                 zIndex: Object.keys(Comps.contents).length + 1
             }, id: val_componentID },
-            React.createElement(_mols_1.Column, { className: style_module_scss_1.default.Content, gap: 0, height: 'viewHeight', overflow: 'auto', transition: 'middle' },
+            React.createElement(_export_3.Column, { className: style_module_scss_1.default.Content, gap: 0, height: 'viewHeight', overflow: 'auto', transition: 'middle' },
                 isNewSheet ? React.createElement(Comps.TapSensor, { sheetID: sheetID, delegateAroundClick: (_a = params.closeOption) === null || _a === void 0 ? void 0 : _a.aroundClick }) : null,
                 React.createElement(ContentFC, __assign({ componentID: val_componentID }, val_params)))));
     },
@@ -278,7 +278,7 @@ var Comps = {
                 transformOrigins.push('right');
                 SysStyles.marginLeft = 'auto';
             }
-            return (React.createElement(_atoms_1.Box, __assign({ className: [
+            return (React.createElement(_export_2.Box, __assign({ className: [
                     style_module_scss_1.default.BB,
                     className
                 ].join(' '), transition: 'long', opacity: 'trans' }, SysStyles, styles, { freeCSS: __assign({ width: {
@@ -292,7 +292,7 @@ var Comps = {
         },
         Edge: function (params) {
             var sheetID = params.sheetID, type = params.type, Content = params.content, _a = params.className, className = _a === void 0 ? '' : _a, _b = params.size, size = _b === void 0 ? 'R' : _b, freeCSS = params.freeCSS, styles = __rest(params, ["sheetID", "type", "content", "className", "size", "freeCSS"]);
-            return (React.createElement(_atoms_1.Box, __assign({ opacity: 'trans', transition: 'long', position: 'relative', backgroundColor: '1.layer.base', flexSizing: 'none', minHeight: 'viewHeight', boxShadow: 3, className: [
+            return (React.createElement(_export_2.Box, __assign({ opacity: 'trans', transition: 'long', position: 'relative', backgroundColor: '1.layer.base', flexSizing: 'none', minHeight: 'viewHeight', boxShadow: 3, className: [
                     style_module_scss_1.default.BB,
                     className
                 ].join(' ') }, type == 'drawer.right' ? {
@@ -327,7 +327,7 @@ var Comps = {
                 viewHeight: 0,
                 value: sizeArray[SizeSets[size]]
             }), 2), val_edit = _f[0], set_edit = _f[1];
-            _global_1.useStore.update({
+            _export_1.useStore.update({
                 key: componentID,
                 value: {
                     val_edit: val_edit,
@@ -347,7 +347,7 @@ var Comps = {
                         .addEvent({ eventID: 'BottomSheetTouchEnd', eventType: 'touchend', callback: Effects.End });
                     var cursor = $.getCursor(event);
                     var newEditInfo = __assign(__assign({}, val_edit), { process: true, processStart: new Date().getTime(), originY: cursor.y, originValue: val_edit.value, viewHeight: $.getScreenSize().height });
-                    _global_1.useStore.update({
+                    _export_1.useStore.update({
                         key: componentID,
                         value: {
                             val_edit: newEditInfo
@@ -357,7 +357,7 @@ var Comps = {
                 },
                 Move: function (event) {
                     var _a;
-                    var editInfo = (_a = _global_1.useStore.get(componentID)) === null || _a === void 0 ? void 0 : _a.val_edit;
+                    var editInfo = (_a = _export_1.useStore.get(componentID)) === null || _a === void 0 ? void 0 : _a.val_edit;
                     if (!editInfo.process)
                         return;
                     var margin = $.getCursor(event).y - editInfo.originY;
@@ -376,7 +376,7 @@ var Comps = {
                 },
                 End: function (event) {
                     var _a;
-                    var editInfo = (_a = _global_1.useStore.get(componentID)) === null || _a === void 0 ? void 0 : _a.val_edit;
+                    var editInfo = (_a = _export_1.useStore.get(componentID)) === null || _a === void 0 ? void 0 : _a.val_edit;
                     if (!editInfo.process)
                         return;
                     $(document).removeEvent([
@@ -432,25 +432,25 @@ var Comps = {
                     mounted.current = true;
                 }
             }, [val_stableSize]);
-            return (React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.BB, margin: [0, 'auto'], marginTop: 'auto', opacity: 'trans', width: 1, transition: 'long', freeCSS: __assign({ maxWidth: 12 * 60, height: screen.height * val_edit.value }, val_edit.process ? {
+            return (React.createElement(_export_2.Box, { className: style_module_scss_1.default.BB, margin: [0, 'auto'], marginTop: 'auto', opacity: 'trans', width: 1, transition: 'long', freeCSS: __assign({ maxWidth: 12 * 60, height: screen.height * val_edit.value }, val_edit.process ? {
                     transition: '0s'
                 } : {}) },
-                React.createElement(_mols_1.Column, __assign({ gap: 0, flexSizing: 'none', borderTopLeftRadius: '1.tone.primary', borderTopRightRadius: '1.tone.primary', border: true, borderBottom: 'unset', boxShadow: 3, position: 'relative', overflow: 'hidden', height: 1 }, baseStyles),
-                    React.createElement(_atoms_1.Flex, { verticalAlign: 'center', flexChilds: 'even', padding: '1/2', backgroundColor: '1.layer.base', position: 'relative', freeCSS: {
+                React.createElement(_export_3.Column, __assign({ gap: 0, flexSizing: 'none', borderTopLeftRadius: '1.tone.primary', borderTopRightRadius: '1.tone.primary', border: true, borderBottom: 'unset', boxShadow: 3, position: 'relative', overflow: 'hidden', height: 1 }, baseStyles),
+                    React.createElement(_export_2.Flex, { verticalAlign: 'center', flexChilds: 'even', padding: '1/2', backgroundColor: '1.layer.base', position: 'relative', freeCSS: {
                             userSelect: 'none'
                         } },
-                        React.createElement(_mols_1.Row.Center, null,
-                            React.createElement(_atoms_1.Box, { padding: '2/3', onMouseDown: Effects.Start, onTouchStart: Effects.Start, ssPushable: true, isRounded: true, freeCSS: {
+                        React.createElement(_export_3.Row.Center, null,
+                            React.createElement(_export_2.Box, { padding: '2/3', onMouseDown: Effects.Start, onTouchStart: Effects.Start, ssPushable: true, isRounded: true, freeCSS: {
                                     cursor: 'grab',
                                     userSelect: 'none'
                                 } },
-                                React.createElement(_atoms_1.Box, { unitWidth: 6, unitHeight: '1/2', backgroundColor: '5.layer.darker', isRounded: true, className: style_module_scss_1.default.DragBar }))),
-                        React.createElement(_mols_1.Row.Right, null,
-                            React.createElement(_functions_1.Buttons.Button.Sub.R, { color: 'cloud', ssSphere: 2, onClick: function () {
+                                React.createElement(_export_2.Box, { unitWidth: 6, unitHeight: '1/2', backgroundColor: '5.layer.darker', isRounded: true, className: style_module_scss_1.default.DragBar }))),
+                        React.createElement(_export_3.Row.Right, null,
+                            React.createElement(_export_4.Buttons.Button.Sub.R, { color: 'cloud', ssSphere: 2, onClick: function () {
                                     Sheet.close(sheetID);
                                 } },
-                                React.createElement(_atoms_1.FAIcon.Times, null)))),
-                    React.createElement(_atoms_1.Box, __assign({ backgroundColor: '1.layer.base', flexSizing: 0, overflow: 'auto' }, styles, { children: $.is.function(Content) ? React.createElement(Content, null) : Content })))));
+                                React.createElement(_export_2.FAIcon.Times, null)))),
+                    React.createElement(_export_2.Box, __assign({ backgroundColor: '1.layer.base', flexSizing: 0, overflow: 'auto' }, styles, { children: $.is.function(Content) ? React.createElement(Content, null) : Content })))));
         },
         Custom: function (params) {
             var sheetID = params.sheetID, parent = params.parent, _a = params.gravityPoint, GPT = _a === void 0 ? 22 : _a, Content = params.content, others = __rest(params, ["sheetID", "parent", "gravityPoint", "content"]);
@@ -521,7 +521,7 @@ var Comps = {
                     .callback(function () {
                     set_Styles(AdjustExtrusion());
                 });
-                _global_1.useStore.update({
+                _export_1.useStore.update({
                     key: 'customSheet-' + params.sheetID,
                     value: {
                         reposition: function () {
@@ -534,27 +534,27 @@ var Comps = {
             }, []);
             if (!Parent[0])
                 return (null);
-            return (React.createElement(_atoms_1.Box, { className: [
+            return (React.createElement(_export_2.Box, { className: [
                     style_module_scss_1.default.BB,
                     style_module_scss_1.default.CustomSheet
                 ].join(' '), "data-sheet-id": val_componentID, transition: 'long', opacity: 'trans', position: 'absolute', width: 0, height: 0, flexCenter: true, freeCSS: val_Styles },
-                React.createElement(_atoms_1.Flex, { className: [
+                React.createElement(_export_2.Flex, { className: [
                         style_module_scss_1.default.GPT,
                         style_module_scss_1.default['GPT_' + GPT],
                         style_module_scss_1.default['Col_' + column],
                         style_module_scss_1.default['Row_' + row],
                     ].join(' '), position: 'absolute' },
-                    React.createElement(_atoms_1.Box, __assign({ flexSizing: 'none', "data-sheet-content": val_componentID }, others, { children: $.is.function(Content) ? React.createElement(Content, null) : Content })))));
+                    React.createElement(_export_2.Box, __assign({ flexSizing: 'none', "data-sheet-content": val_componentID }, others, { children: $.is.function(Content) ? React.createElement(Content, null) : Content })))));
         },
     },
-    TapSensor: function (params) { return (React.createElement(_functions_1.Buttons.Button.Plain, { className: style_module_scss_1.default.TapSensor, onClick: function () {
+    TapSensor: function (params) { return (React.createElement(_export_4.Buttons.Button.Plain, { className: style_module_scss_1.default.TapSensor, onClick: function () {
             var _a;
             if ((_a = params.delegateAroundClick) !== null && _a !== void 0 ? _a : false)
                 Sheet.close(params.sheetID);
         }, freeCSS: {
             cursor: 'default'
         } },
-        React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.TapContent }))); }
+        React.createElement(_export_2.Box, { className: style_module_scss_1.default.TapContent }))); }
 };
 $(document)
     .addEvent({
@@ -613,31 +613,31 @@ var Sheet = {
                     val_image.forEach(function (src, index) {
                         Radio.push({
                             value: index,
-                            label: React.createElement(_atoms_1.Img, { src: $.flatArray(src)[0], width: 'auto', height: 1, freeCSS: {
+                            label: React.createElement(_export_2.Img, { src: $.flatArray(src)[0], width: 'auto', height: 1, freeCSS: {
                                     maxHeight: 12 * 3
                                 } })
                         });
-                        Slides.push(React.createElement(_atoms_1.Img, { width: 1, height: 'auto', src: $.flatArray(src)[0] }));
+                        Slides.push(React.createElement(_export_2.Img, { width: 1, height: 'auto', src: $.flatArray(src)[0] }));
                     });
-                    return (React.createElement(_mols_1.Column, { gap: 0 },
-                        React.createElement(_mols_1.Row.Separate, { gap: 2, padding: 1, backgroundColor: '1.layer.base', borderTopLeftRadius: '1.tone.primary', borderTopRightRadius: '1.tone.primary' },
-                            React.createElement(_functions_1.Input.Radio, { tone: 'border', icon: false, value: val_viewIndex, override: 'force', horizontalAlign: 'center', onUpdateValidValue: function (_a) {
+                    return (React.createElement(_export_3.Column, { gap: 0 },
+                        React.createElement(_export_3.Row.Separate, { gap: 2, padding: 1, backgroundColor: '1.layer.base', borderTopLeftRadius: '1.tone.primary', borderTopRightRadius: '1.tone.primary' },
+                            React.createElement(_export_4.Input.Radio, { tone: 'border', icon: false, value: val_viewIndex, override: 'force', horizontalAlign: 'center', onUpdateValidValue: function (_a) {
                                     var value = _a.value;
                                     set_viewIndex(value[0]);
                                 }, cellStyles: {
                                     borderWidth: 2,
                                     padding: '1/3'
                                 }, options: Radio }),
-                            React.createElement(_functions_1.Buttons.Button.Sub.R, { color: 'cloud', ssSphere: 3, fontSize: '4.thirdTitle', onClick: function () {
+                            React.createElement(_export_4.Buttons.Button.Sub.R, { color: 'cloud', ssSphere: 3, fontSize: '4.thirdTitle', onClick: function () {
                                     Sheet.close(sheetID_1);
                                 } },
-                                React.createElement(_atoms_1.FAIcon.Times, null))),
-                        React.createElement(_functions_1.Layout.SwipeView, { slideIndex: val_viewIndex, options: {
+                                React.createElement(_export_2.FAIcon.Times, null))),
+                        React.createElement(_export_4.Layout.SwipeView, { slideIndex: val_viewIndex, options: {
                                 loop: val_image.length > 1,
                                 onSlideCallback: function (index) {
                                     set_viewIndex(index);
                                 }
-                            }, slides: Slides, wrapper: function (View) { return (React.createElement(_atoms_1.Box, { borderBottomLeftRadius: '1.tone.primary', borderBottomRightRadius: '1.tone.primary' }, View)); } })));
+                            }, slides: Slides, wrapper: function (View) { return (React.createElement(_export_2.Box, { borderBottomLeftRadius: '1.tone.primary', borderBottomRightRadius: '1.tone.primary' }, View)); } })));
                 } }));
             return;
         }
@@ -645,18 +645,18 @@ var Sheet = {
     },
     refresh: function (params, open) {
         params.sheetID = (params.sheetID || '').replace(/\./g, '-');
-        var component = _global_1.useStore.get(params.sheetID);
+        var component = _export_1.useStore.get(params.sheetID);
         if (component && component.refresh)
             component.refresh(params, open);
     },
     resize: function (params) {
         params.sheetID = (params.sheetID || '').replace(/\./g, '-');
-        var component = _global_1.useStore.get(params.sheetID);
+        var component = _export_1.useStore.get(params.sheetID);
         if (component && component.resize)
             component.resize(params.size);
     },
     reposition: function (sheetID) {
-        var Comps = _global_1.useStore.get('customSheet-' + sheetID);
+        var Comps = _export_1.useStore.get('customSheet-' + sheetID);
         if (Comps && Comps.reposition)
             Comps.reposition();
     },
@@ -672,7 +672,7 @@ var Sheet = {
         {
             var params = Content.params;
             var sheetID_2 = params.sheetID;
-            var component = _global_1.useStore.get(sheetID_2);
+            var component = _export_1.useStore.get(sheetID_2);
             if (component && component.close)
                 component.close();
         }
@@ -718,7 +718,7 @@ var Sheet = {
         }
     },
     Comps: {
-        Body: function (params) { return (React.createElement(_atoms_1.Box, __assign({ className: style_module_scss_1.default.BaseBody, backgroundColor: '1.layer.base', borderRadius: '1.tone.primary', position: 'relative', boxShadow: 3, transition: 'long' }, params))); },
+        Body: function (params) { return (React.createElement(_export_2.Box, __assign({ className: style_module_scss_1.default.BaseBody, backgroundColor: '1.layer.base', borderRadius: '1.tone.primary', position: 'relative', boxShadow: 3, transition: 'long' }, params))); },
     }
 };
 exports.Sheet = Sheet;