amotify 0.0.6 → 0.0.8

package/dist/Functions/Tooltips/parts.js

@@ -48,24 +48,24 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltips = void 0;
-var _atoms_1 = require("../../Atoms/@export");
-var _functions_1 = require("../@export");
+var _export_1 = require("../../Atoms/@export");
+var _export_2 = require("../../Functions/@export");
 var Tooltips = {
     __memoryID: $.uuidGen(),
     open: function (params) {
         var _a = params.tipsID, tipsID = _a === void 0 ? $.uuidGen() : _a, _b = params.tipsGroups, tipsGroups = _b === void 0 ? [] : _b, sheetParams = __rest(params, ["tipsID", "tipsGroups"]);
-        _functions_1.Sheet.open(__assign({ sheetID: tipsID, sheetGroups: __spreadArray([
+        _export_2.Sheet.open(__assign({ sheetID: tipsID, sheetGroups: __spreadArray([
                 'tooltips'
             ], __read(tipsGroups), false), closeOption: __assign({ aroundClick: true, elementBlur: params.parent, escapeKeyDown: true, pageTransit: true }, params.closeOption), type: 'custom' }, sheetParams));
     },
     close: function (tipsID) {
-        _functions_1.Sheet.close(tipsID);
+        _export_2.Sheet.close(tipsID);
     },
     closeALL: function () {
-        _functions_1.Sheet.closeGroup('tooltips');
+        _export_2.Sheet.closeGroup('tooltips');
     },
     Comps: {
-        Body: function (params) { return (React.createElement(_atoms_1.Box, __assign({ padding: ['1/3', '2/3'], backgroundColor: 'dark', borderRadius: '2.tone.secondary', fontColor: 'white', boxShadow: 2 }, params))); }
+        Body: function (params) { return (React.createElement(_export_1.Box, __assign({ padding: ['1/3', '2/3'], backgroundColor: 'dark', borderRadius: '2.tone.secondary', fontColor: 'white', boxShadow: 2 }, params))); }
     }
 };
 exports.Tooltips = Tooltips;

package/dist/Molecules/@export.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Row = exports.Column = exports.Text = exports.LinkifyText = exports.Accordion = exports.List = void 0;
-var _atoms_1 = require("../Atoms/@export");
+var _export_1 = require("../Atoms/@export");
 var List_1 = require("./List");
 Object.defineProperty(exports, "List", { enumerable: true, get: function () { return List_1.List; } });
 var parts_1 = require("./Accordion/parts");
@@ -20,22 +20,22 @@ Object.defineProperty(exports, "Accordion", { enumerable: true, get: function ()
 var parts_2 = require("./LinkifyText/parts");
 Object.defineProperty(exports, "LinkifyText", { enumerable: true, get: function () { return parts_2.LinkifyText; } });
 var Text = {
-    Title: function (params) { return (React.createElement(_atoms_1.Box, __assign({ fontSize: '6.title', fontWeight: '3.bold' }, params))); },
-    SubTitle: function (params) { return (React.createElement(_atoms_1.Box, __assign({ fontSize: '5.subTitle', fontWeight: '3.bold' }, params))); },
-    ThirdTitle: function (params) { return (React.createElement(_atoms_1.Box, __assign({ fontSize: '4.thirdTitle', fontWeight: '3.bold' }, params))); },
-    Paragraph: function (params) { return (React.createElement(_atoms_1.Box, __assign({ fontSize: '3.paragraph', fontWeight: '3.bold' }, params))); },
-    Normal: function (params) { return (React.createElement(_atoms_1.Box, __assign({}, params))); },
-    Description: function (params) { return (React.createElement(_atoms_1.Box, __assign({}, params, { freeCSS: __assign({ whiteSpace: 'pre-wrap' }, params.freeCSS) }))); },
-    Supplement: function (params) { return (React.createElement(_atoms_1.Box, __assign({ fontSize: '1.mini' }, params))); },
-    NowrapSpan: function (params) { return (React.createElement(_atoms_1.Span, __assign({}, params, { freeCSS: __assign({ whiteSpace: 'nowrap' }, params.freeCSS) }))); }
+    Title: function (params) { return (React.createElement(_export_1.Box, __assign({ fontSize: '6.title', fontWeight: '3.bold' }, params))); },
+    SubTitle: function (params) { return (React.createElement(_export_1.Box, __assign({ fontSize: '5.subTitle', fontWeight: '3.bold' }, params))); },
+    ThirdTitle: function (params) { return (React.createElement(_export_1.Box, __assign({ fontSize: '4.thirdTitle', fontWeight: '3.bold' }, params))); },
+    Paragraph: function (params) { return (React.createElement(_export_1.Box, __assign({ fontSize: '3.paragraph', fontWeight: '3.bold' }, params))); },
+    Normal: function (params) { return (React.createElement(_export_1.Box, __assign({}, params))); },
+    Description: function (params) { return (React.createElement(_export_1.Box, __assign({}, params, { freeCSS: __assign({ whiteSpace: 'pre-wrap' }, params.freeCSS) }))); },
+    Supplement: function (params) { return (React.createElement(_export_1.Box, __assign({ fontSize: '1.mini' }, params))); },
+    NowrapSpan: function (params) { return (React.createElement(_export_1.Span, __assign({}, params, { freeCSS: __assign({ whiteSpace: 'nowrap' }, params.freeCSS) }))); }
 };
 exports.Text = Text;
 var Row = {
-    Center: function (params) { return (React.createElement(_atoms_1.Flex, __assign({ horizontalAlign: 'center', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
-    Left: function (params) { return (React.createElement(_atoms_1.Flex, __assign({ horizontalAlign: 'left', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
-    Right: function (params) { return (React.createElement(_atoms_1.Flex, __assign({ horizontalAlign: 'right', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
-    Separate: function (params) { return (React.createElement(_atoms_1.Flex, __assign({ horizontalAlign: 'between', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
+    Center: function (params) { return (React.createElement(_export_1.Flex, __assign({ horizontalAlign: 'center', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
+    Left: function (params) { return (React.createElement(_export_1.Flex, __assign({ horizontalAlign: 'left', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
+    Right: function (params) { return (React.createElement(_export_1.Flex, __assign({ horizontalAlign: 'right', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
+    Separate: function (params) { return (React.createElement(_export_1.Flex, __assign({ horizontalAlign: 'between', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
 };
 exports.Row = Row;
-var Column = function (params) { return (React.createElement(_atoms_1.Flex, __assign({ flexType: 'col', gap: 1 }, params))); };
+var Column = function (params) { return (React.createElement(_export_1.Flex, __assign({ flexType: 'col', gap: 1 }, params))); };
 exports.Column = Column;

package/dist/Molecules/Accordion/parts.js

@@ -42,9 +42,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@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 useEffect = _export_1.React.useEffect, useState = _export_1.React.useState;
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var Component = function (params) {
     var _a = params.accordionID, accordionID = _a === void 0 ? '' : _a, _b = params.slideAnimation, slideAnimation = _b === void 0 ? 'fast' : _b, _c = params.open, open = _c === void 0 ? false : _c, others = __rest(params, ["accordionID", "slideAnimation", "open"]);
@@ -54,7 +54,7 @@ var Component = function (params) {
     if (val_open != open)
         set_open(open);
     var Query = '[data-accordion-content-id="' + val_contentID + '"]';
-    var mounted = _global_1.React.useRef(false);
+    var mounted = _export_1.React.useRef(false);
     useEffect(function () {
         var Content = $(Query)[0];
         if (Content) {
@@ -123,7 +123,7 @@ var Component = function (params) {
         }
     }, [val_open]);
     if (accordionID) {
-        _global_1.useStore.set({
+        _export_1.useStore.set({
             key: 'Accordion-' + accordionID,
             value: {
                 open: function () {
@@ -141,25 +141,25 @@ var Component = function (params) {
             }
         });
     }
-    return (_global_1.React.createElement(_atoms_1.Box, { className: [
+    return (_export_1.React.createElement(_export_2.Box, { className: [
             style_module_scss_1.default.Wrap,
             style_module_scss_1.default['Open_' + val_open]
         ].join(' '), id: val_wrapID },
-        _global_1.React.createElement(_atoms_1.Box, __assign({ "data-accordion-content-id": val_contentID }, others))));
+        _export_1.React.createElement(_export_2.Box, __assign({ "data-accordion-content-id": val_contentID }, others))));
 };
 var Accordion = Component;
 exports.Accordion = Accordion;
 Accordion.fn = {
     open: function (id) {
-        var component = _global_1.useStore.get('Accordion-' + id);
+        var component = _export_1.useStore.get('Accordion-' + id);
         !component || component.open();
     },
     close: function (id) {
-        var component = _global_1.useStore.get('Accordion-' + id);
+        var component = _export_1.useStore.get('Accordion-' + id);
         !component || component.close();
     },
     toggle: function (id) {
-        var component = _global_1.useStore.get('Accordion-' + id);
+        var component = _export_1.useStore.get('Accordion-' + id);
         !component || component.toggle();
     }
 };

package/dist/Molecules/LinkifyText/parts.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkifyText = void 0;
-var _atoms_1 = require("../../Atoms/@export");
-var _functions_1 = require("../../Functions/@export");
-var Anchor = _functions_1.Buttons.Anchor;
+var _export_1 = require("../../Atoms/@export");
+var _export_2 = require("../../Functions/@export");
+var Anchor = _export_2.Buttons.Anchor;
 var LinkifyText = function (props) {
     var text = props.text, placeholder = props.placeholder;
     var Description = [];
@@ -27,7 +27,7 @@ var LinkifyText = function (props) {
                 Description.push(React.createElement(Anchor.Link, { key: 'Link-' + index, href: url, newTab: true },
                     url,
                     " ",
-                    React.createElement(_atoms_1.FAIcon, { d: 'arrow-up-right-from-square' })));
+                    React.createElement(_export_1.FAIcon, { d: 'arrow-up-right-from-square' })));
             }
         }
     }

package/dist/Molecules/List.js

@@ -23,13 +23,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = void 0;
-var _atoms_1 = require("../Atoms/@export");
+var _export_1 = require("../Atoms/@export");
 var List = function (params) {
     var rows = params.rows, DefaultRowStyles = params.rowStyles, others = __rest(params, ["rows", "rowStyles"]);
     var rowArray = rows.map(function (row) {
         var children = row.children, others = __rest(row, ["children"]);
-        return React.createElement(_atoms_1.Flex, __assign({}, DefaultRowStyles, others, { children: children }));
+        return React.createElement(_export_1.Flex, __assign({}, DefaultRowStyles, others, { children: children }));
     });
-    return React.createElement(_atoms_1.Flex, __assign({}, others, { flexType: 'col', children: rowArray }));
+    return React.createElement(_export_1.Flex, __assign({}, others, { flexType: 'col', children: rowArray }));
 };
 exports.List = List;

package/dist/Organisms/DisplayStyleInput/darkmode.js

@@ -17,40 +17,40 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Darkmode = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _functions_1 = require("../../Functions/@export");
-var useState = _global_1.React.useState, useEffect = _global_1.React.useEffect;
+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 useState = _export_1.React.useState, useEffect = _export_1.React.useEffect;
 var ColorCell = function (params) {
     if (params.colorType == 'light') {
-        return _global_1.React.createElement(_atoms_1.Box, { freeCSS: {
+        return _export_1.React.createElement(_export_2.Box, { freeCSS: {
                 backgroundColor: '#FFF'
             }, width: 1, height: 1, isRounded: true });
     }
     else if (params.colorType == 'dark') {
-        return _global_1.React.createElement(_atoms_1.Box, { freeCSS: {
+        return _export_1.React.createElement(_export_2.Box, { freeCSS: {
                 backgroundColor: '#333'
             }, width: 1, height: 1, isRounded: true });
     }
     else if (params.colorType == 'dim') {
-        return _global_1.React.createElement(_atoms_1.Box, { freeCSS: {
+        return _export_1.React.createElement(_export_2.Box, { freeCSS: {
                 backgroundColor: '#666'
             }, width: 1, height: 1, isRounded: true });
     }
-    return _global_1.React.createElement(_mols_1.Column, { width: 1, height: 1, isRounded: true, flexChilds: 'even', overflow: 'hidden', gap: '1/6', freeCSS: {
+    return _export_1.React.createElement(_export_3.Column, { width: 1, height: 1, isRounded: true, flexChilds: 'even', overflow: 'hidden', gap: '1/6', freeCSS: {
             transform: 'rotate(-45deg)'
         } },
-        _global_1.React.createElement(_atoms_1.Box, { freeCSS: {
+        _export_1.React.createElement(_export_2.Box, { freeCSS: {
                 backgroundColor: '#FFF'
             }, borderRadius: 1 }),
-        _global_1.React.createElement(_atoms_1.Box, { freeCSS: {
+        _export_1.React.createElement(_export_2.Box, { freeCSS: {
                 backgroundColor: '#333'
             }, borderRadius: 1 }));
 };
 var Darkmode = function (params) {
     var _a = __read(useState(amotify.config.darkMode || 'light'), 2), val_darkmode = _a[0], set_darkmode = _a[1];
-    var mounted = _global_1.React.useRef(false);
+    var mounted = _export_1.React.useRef(false);
     useEffect(function () {
         if (mounted.current) {
             params.onUpdate(val_darkmode);
@@ -59,16 +59,16 @@ var Darkmode = function (params) {
             mounted.current = true;
         }
     }, [val_darkmode]);
-    return _global_1.React.createElement(_functions_1.Input.Radio, { icon: false, value: val_darkmode, cellStyles: {
+    return _export_1.React.createElement(_export_4.Input.Radio, { icon: false, value: val_darkmode, cellStyles: {
             padding: '1/3',
             borderWidth: 2,
             ssSphere: 4,
             isRounded: true
         }, options: [
-            { value: 'light', label: _global_1.React.createElement(ColorCell, { colorType: 'light' }) },
-            { value: 'dark', label: _global_1.React.createElement(ColorCell, { colorType: 'dark' }) },
-            { value: 'dim', label: _global_1.React.createElement(ColorCell, { colorType: 'dim' }) },
-            { value: 'auto', label: _global_1.React.createElement(ColorCell, { colorType: 'auto' }) },
+            { value: 'light', label: _export_1.React.createElement(ColorCell, { colorType: 'light' }) },
+            { value: 'dark', label: _export_1.React.createElement(ColorCell, { colorType: 'dark' }) },
+            { value: 'dim', label: _export_1.React.createElement(ColorCell, { colorType: 'dim' }) },
+            { value: 'auto', label: _export_1.React.createElement(ColorCell, { colorType: 'auto' }) },
         ], onUpdateValidValue: function (_a) {
             var value = _a.value;
             set_darkmode(value[0]);

package/dist/Organisms/DisplayStyleInput/themeColor.js

@@ -28,36 +28,36 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeColorBrands = exports.ThemeColorOriginal = exports.ThemeColorBasic = exports.ThemeColorALL = exports.Colors = void 0;
-var _global_1 = require("../../Global/@export");
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _functions_1 = require("../../Functions/@export");
-var useState = _global_1.React.useState, useEffect = _global_1.React.useEffect;
+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 useState = _export_1.React.useState, useEffect = _export_1.React.useEffect;
 exports.Colors = {
     Basics: [
         {
-            key: 'comun', icon: _global_1.React.createElement(_atoms_1.Box, { padding: '1/2' },
-                _global_1.React.createElement(_atoms_1.Img, { src: _atoms_1.Img.uri.comunIconClear }))
+            key: 'comun', icon: _export_1.React.createElement(_export_2.Box, { padding: '1/2' },
+                _export_1.React.createElement(_export_2.Img, { src: _export_2.Img.uri.comunIconClear }))
         },
         { key: 'leaf', icon: 'leaf' },
         { key: 'heart', icon: 'heart' },
         { key: 'droplet', icon: 'droplet' },
     ],
     Brands: [
-        { key: 'line', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "line" }), label: 'LINE' },
-        { key: 'twitter', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "twitter" }), label: 'Twitter' },
-        { key: 'amazon', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "amazon" }), label: 'Amazon' },
-        { key: 'facebook', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "facebook" }), label: 'Facebook' },
-        { key: 'android', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "android" }), label: 'Android' },
-        { key: 'slackBlue', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Blue' },
-        { key: 'slackGreen', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Green' },
-        { key: 'slackRed', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Red' },
-        { key: 'slackYellow', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Yellow' },
-        { key: 'slackBase', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Base' },
-        { key: 'googleBlue', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Blue' },
-        { key: 'googleGreen', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Green' },
-        { key: 'googleYellow', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Yellow' },
-        { key: 'googleRed', icon: _global_1.React.createElement(_atoms_1.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Red' }
+        { key: 'line', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "line" }), label: 'LINE' },
+        { key: 'twitter', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "twitter" }), label: 'Twitter' },
+        { key: 'amazon', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "amazon" }), label: 'Amazon' },
+        { key: 'facebook', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "facebook" }), label: 'Facebook' },
+        { key: 'android', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "android" }), label: 'Android' },
+        { key: 'slackBlue', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Blue' },
+        { key: 'slackGreen', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Green' },
+        { key: 'slackRed', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Red' },
+        { key: 'slackYellow', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Yellow' },
+        { key: 'slackBase', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "slack" }), label: 'Slack Base' },
+        { key: 'googleBlue', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Blue' },
+        { key: 'googleGreen', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Green' },
+        { key: 'googleYellow', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Yellow' },
+        { key: 'googleRed', icon: _export_1.React.createElement(_export_2.FAIcon, { isBrandIcon: true, d: "google" }), label: 'Google Red' }
     ],
     Originals: [
         { key: 'brick', icon: 'block-brick' },
@@ -115,7 +115,7 @@ var GenOption = function (params) {
     var Color = function (alfa) { return ("hsla( var( --cH_".concat(key, " ),var( --cS_").concat(key, " ),var( --cL_").concat(key, " ),").concat(alfa !== null && alfa !== void 0 ? alfa : 1, " ) ")); };
     return {
         value: params.key,
-        label: _global_1.React.createElement(_global_1.React.Fragment, null, $.is.string(icon) ? _global_1.React.createElement(_atoms_1.FAIcon, { isSolidIcon: true, d: icon }) : icon),
+        label: _export_1.React.createElement(_export_1.React.Fragment, null, $.is.string(icon) ? _export_1.React.createElement(_export_2.FAIcon, { isSolidIcon: true, d: icon }) : icon),
         freeCSS: {
             backgroundColor: Color(0.15),
             color: Color()
@@ -157,7 +157,7 @@ var ThemeColor = function (type) {
             transition: 'middle'
         } });
     var Comp = function (params) {
-        var mounted = _global_1.React.useRef(false);
+        var mounted = _export_1.React.useRef(false);
         var _a = __read(useState(amotify.config.themeColor), 2), val_ColorKey = _a[0], set_ColorKey = _a[1];
         useEffect(function () {
             if (mounted.current) {
@@ -168,14 +168,14 @@ var ThemeColor = function (type) {
             }
         }, [val_ColorKey]);
         var Inputer = ColorsArray.map(function (Colors) {
-            return _global_1.React.createElement(_functions_1.Input.Radio, __assign({}, UniParams, { value: val_ColorKey, options: Colors.map(function (info) {
+            return _export_1.React.createElement(_export_4.Input.Radio, __assign({}, UniParams, { value: val_ColorKey, options: Colors.map(function (info) {
                     return GenOption(info);
                 }), onUpdateValidValue: function (_a) {
                     var value = _a.value;
                     set_ColorKey(value[0]);
                 } }));
         });
-        return _global_1.React.createElement(_mols_1.Column, { gap: 2 }, Inputer);
+        return _export_1.React.createElement(_export_3.Column, { gap: 2 }, Inputer);
     };
     return Comp;
 };

package/dist/Templates/PlayGround/parts.js

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlayGround = void 0;
-var _global_1 = require("../../Global/@export");
-var useEffect = _global_1.React.useEffect, useState = _global_1.React.useState;
-var _atoms_1 = require("../../Atoms/@export");
-var _mols_1 = require("../../Molecules/@export");
-var _orgs_1 = require("../../Organisms/@export");
-var _functions_1 = require("../../Functions/@export");
+var _export_1 = require("../../Global/@export");
+var useEffect = _export_1.React.useEffect, useState = _export_1.React.useState;
+var _export_2 = require("../../Atoms/@export");
+var _export_3 = require("../../Molecules/@export");
+var _export_4 = require("../../Organisms/@export");
+var _export_5 = require("../../Functions/@export");
 var PlayGround = function () {
-    return (_global_1.React.createElement(_global_1.React.Fragment, null,
-        _global_1.React.createElement(_mols_1.Column, { gap: 2 },
-            _global_1.React.createElement(_orgs_1.DisplayStyleInput.Darkmode, { onUpdate: function (value) {
+    return (_export_1.React.createElement(_export_1.React.Fragment, null,
+        _export_1.React.createElement(_export_3.Column, { gap: 2 },
+            _export_1.React.createElement(_export_4.DisplayStyleInput.Darkmode, { onUpdate: function (value) {
                     amotify.config.update.darkMode(value);
                 } }),
-            _global_1.React.createElement(_orgs_1.DisplayStyleInput.ThemeColor.Originals, { onUpdate: function (value) {
+            _export_1.React.createElement(_export_4.DisplayStyleInput.ThemeColor.Originals, { onUpdate: function (value) {
                     amotify.config.update.themeColor(value);
                 } }),
-            _global_1.React.createElement(_orgs_1.DisplayStyleInput.ThemeColor.Brands, { onUpdate: function (value) {
+            _export_1.React.createElement(_export_4.DisplayStyleInput.ThemeColor.Brands, { onUpdate: function (value) {
                     amotify.config.update.themeColor(value);
                 } }),
-            _global_1.React.createElement(_functions_1.Input.Text.Normal, null),
-            _global_1.React.createElement(_functions_1.Input.Select, { options: [
+            _export_1.React.createElement(_export_5.Input.Text.Normal, null),
+            _export_1.React.createElement(_export_5.Input.Select, { options: [
                     { value: 1, label: 'AAA' },
                     { value: 2, label: 'BBB' },
                     { value: 3, label: 'CCC' },
@@ -33,23 +33,23 @@ var PlayGround = function () {
                     var value = _a.value;
                     console.log(value);
                 } }),
-            _global_1.React.createElement(_functions_1.Buttons.Button.Prime.R, { submitOption: {
+            _export_1.React.createElement(_export_5.Buttons.Button.Prime.R, { submitOption: {
                     formName: 'test',
                     callback: function (form) {
                         console.log(form);
                     }
                 } }, "Submit"),
-            _global_1.React.createElement(_atoms_1.Box, null,
+            _export_1.React.createElement(_export_2.Box, null,
                 "Label1",
-                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'normal' })),
-            _global_1.React.createElement(_atoms_1.Box, null,
+                _export_1.React.createElement(_export_5.Inputs.TextInput, { tone: 'normal' })),
+            _export_1.React.createElement(_export_2.Box, null,
                 "Label2",
-                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'cloud', width: 1 })),
-            _global_1.React.createElement(_atoms_1.Box, null,
+                _export_1.React.createElement(_export_5.Inputs.TextInput, { tone: 'cloud', width: 1 })),
+            _export_1.React.createElement(_export_2.Box, null,
                 "Label3",
-                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'bottomBorder', unitWidth: 12 })),
-            _global_1.React.createElement(_atoms_1.Box, null,
+                _export_1.React.createElement(_export_5.Inputs.TextInput, { tone: 'bottomBorder', unitWidth: 12 })),
+            _export_1.React.createElement(_export_2.Box, null,
                 "Label4",
-                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'plain', unitWidth: 6 })))));
+                _export_1.React.createElement(_export_5.Inputs.TextInput, { tone: 'plain', unitWidth: 6 })))));
 };
 exports.PlayGround = PlayGround;

package/dist/launch.js

@@ -8,21 +8,21 @@ require("./@types/_");
 var publicURI = 'https://public.comun.jp/';
 exports.publicURI = publicURI;
 require("./@jsminAmotifyExtension/_");
-var _global_1 = require("./Global/@export");
-var _atoms_1 = require("./Atoms/@export");
-var _mols_1 = require("./Molecules/@export");
-var _orgs_1 = require("./Organisms/@export");
-var _temps_1 = require("./Templates/@export");
-var _functions_1 = require("./Functions/@export");
+var _export_1 = require("./Global/@export");
+var _export_2 = require("./Atoms/@export");
+var _export_3 = require("./Molecules/@export");
+var _export_4 = require("./Organisms/@export");
+var _export_5 = require("./Templates/@export");
+var _export_6 = require("./Functions/@export");
 var config_1 = require("./config");
 var amotify = {
     config: config_1.defaultConfig,
-    glob: { React: _global_1.React, ReactDom: _global_1.ReactDom, ReactRouterDom: _global_1.ReactRouterDom, pageTransit: _global_1.pageTransit, useStore: _global_1.useStore, useRecycle: _global_1.useRecycle, StyleConverter: _global_1.StyleConverter, LaunchReactApplication: _global_1.LaunchReactApplication },
-    atoms: { Flex: _atoms_1.Flex, FlexBr: _atoms_1.FlexBr, FAIcon: _atoms_1.FAIcon, Placeholder: _atoms_1.Placeholder, Grid: _atoms_1.Grid, Logo: _atoms_1.Logo, Box: _atoms_1.Box, Span: _atoms_1.Span, Paragraph: _atoms_1.Paragraph, Img: _atoms_1.Img },
-    mols: { List: _mols_1.List, Accordion: _mols_1.Accordion, LinkifyText: _mols_1.LinkifyText, Text: _mols_1.Text, Column: _mols_1.Column, Row: _mols_1.Row },
-    orgs: { DisplayStyleInput: _orgs_1.DisplayStyleInput },
-    temps: { PlayGround: _temps_1.PlayGround },
-    fn: { Buttons: _functions_1.Buttons, Input: _functions_1.Input, Table: _functions_1.Table, Layout: _functions_1.Layout, Sheet: _functions_1.Sheet, SnackBar: _functions_1.SnackBar, Loader: _functions_1.Loader, Tooltips: _functions_1.Tooltips, Effects: _functions_1.Effects, Cropper: _functions_1.Cropper }
+    glob: { React: _export_1.React, ReactDom: _export_1.ReactDom, ReactRouterDom: _export_1.ReactRouterDom, pageTransit: _export_1.pageTransit, useStore: _export_1.useStore, useRecycle: _export_1.useRecycle, StyleConverter: _export_1.StyleConverter, LaunchReactApplication: _export_1.LaunchReactApplication },
+    atoms: { Flex: _export_2.Flex, FlexBr: _export_2.FlexBr, FAIcon: _export_2.FAIcon, Placeholder: _export_2.Placeholder, Grid: _export_2.Grid, Logo: _export_2.Logo, Box: _export_2.Box, Span: _export_2.Span, Paragraph: _export_2.Paragraph, Img: _export_2.Img },
+    mols: { List: _export_3.List, Accordion: _export_3.Accordion, LinkifyText: _export_3.LinkifyText, Text: _export_3.Text, Column: _export_3.Column, Row: _export_3.Row },
+    orgs: { DisplayStyleInput: _export_4.DisplayStyleInput },
+    temps: { PlayGround: _export_5.PlayGround },
+    fn: { Buttons: _export_6.Buttons, Input: _export_6.Input, Table: _export_6.Table, Layout: _export_6.Layout, Sheet: _export_6.Sheet, SnackBar: _export_6.SnackBar, Loader: _export_6.Loader, Tooltips: _export_6.Tooltips, Effects: _export_6.Effects, Cropper: _export_6.Cropper }
 };
 exports.amotify = amotify;
 global.amotify = amotify;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "UI Component for React",
   "main": "dist/launch.js",
   "types": "dist/@types.d.ts",