amotify 0.0.0

package/dist/@comps/@core/styleConverter.js

@@ -0,0 +1,349 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToClassName = exports.ReadStyleSet = void 0;
+var FNs = {
+    toConcreteBorderRadius: function (br) {
+        var roundness = amotify.config.roundness | 0;
+        if (br == '1.tone.primary') {
+            br = [0, 2, 3, 4, 5, 5][roundness];
+        }
+        else if (br == '2.tone.secondary') {
+            br = [0, 1, 2, 3, 4, 5][roundness];
+        }
+        else if (br == '3.tone.tertiary') {
+            br = [0, '1/3', '2/3', 1, 2, 3][roundness];
+        }
+        return br;
+    },
+    ev: function (v) { return $.is.nullish(v); },
+    ClassNames: function (type, params) {
+        var _a, _b, _c, _d, _e;
+        var _f, _g, _h, _j, _k, _l, _m;
+        var CLS = [];
+        var gap = params.gap, disp = params.display, position = params.position, overflow = params.overflow, fontColor = params.fontColor, fontSize = params.fontSize, fontWeight = params.fontWeight, bgc = params.backgroundColor, textAlign = params.textAlign, boxShadow = params.boxShadow, mrg = params.margin, mrgT = params.marginTop, mrgR = params.marginRight, mrgB = params.marginBottom, mrgL = params.marginLeft, pd = params.padding, pdT = params.paddingTop, pdR = params.paddingRight, pdB = params.paddingBottom, pdL = params.paddingLeft, T = params.top, R = params.right, B = params.bottom, L = params.left, b = params.border, bT = params.borderTop, bR = params.borderRight, bB = params.borderBottom, bL = params.borderLeft, bWidth = params.borderWidth, 
+        // borderTopWidth: bTWidth,
+        // borderRightWidth: bRWidth,
+        // borderBottomWidth: bBWidth,
+        // borderLeftWidth: bLWidth,
+        bColor = params.borderColor, 
+        // borderTopColor: bTColor,
+        // borderRightColor: bRColor,
+        // borderBottomColor: bBColor,
+        // borderLeftColor: bLColor,
+        bStyle = params.borderStyle, 
+        // borderTopStyle: bTStyle,
+        // borderRightStyle: bRStyle,
+        // borderBottomStyle: bBStyle,
+        // borderLeftStyle: bLStyle,
+        br = params.borderRadius, brTL = params.borderTopLeftRadius, brTR = params.borderTopRightRadius, brBL = params.borderBottomLeftRadius, brBR = params.borderBottomRightRadius, flexSizing = params.flexSizing, flexWrap = params.flexWrap, flexType = params.flexType, flexChilds = params.flexChilds, flexGrid = params.flexGrid, horizontalAlign = params.horizontalAlign, verticalAlign = params.verticalAlign, transition = params.transition, gridCenter = params.gridCenter, gridCols = params.gridCols, maxHeight = params.maxHeight, minHeight = params.minHeight, maxWidth = params.maxWidth, minWidth = params.minWidth, width = params.width, height = params.height, unitHeight = params.unitHeight, unitWidth = params.unitWidth, opacity = params.opacity, others = __rest(params, ["gap", "display", "position", "overflow", "fontColor", "fontSize", "fontWeight", "backgroundColor", "textAlign", "boxShadow", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "top", "right", "bottom", "left", "border", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderWidth", "borderColor", "borderStyle", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "flexSizing", "flexWrap", "flexType", "flexChilds", "flexGrid", "horizontalAlign", "verticalAlign", "transition", "gridCenter", "gridCols", "maxHeight", "minHeight", "maxWidth", "minWidth", "width", "height", "unitHeight", "unitWidth", "opacity"]);
+        {
+            FNs.ev(disp) || CLS.push('dsp' + disp);
+            if (overflow) {
+                var arr = $.flatArray(overflow);
+                CLS.push('ovfl-x-' + arr[0]);
+                CLS.push('ovfl-y-' + (arr[1] || arr[0]));
+            }
+            FNs.ev(position) || (CLS.push('ps' + position));
+            FNs.ev(textAlign) || (CLS.push('txalg' + textAlign));
+            FNs.ev(fontColor) || (CLS.push('ftcl' + ((_f = String(fontColor)) === null || _f === void 0 ? void 0 : _f.replace(/\..*/, ''))));
+            FNs.ev(fontSize) || (CLS.push('ftsz' + ((_g = String(fontSize)) === null || _g === void 0 ? void 0 : _g.replace(/\..*/, ''))));
+            FNs.ev(fontWeight) || (CLS.push('ftwt' + (fontWeight === null || fontWeight === void 0 ? void 0 : fontWeight.replace(/\..*/, ''))));
+            FNs.ev(bgc) || CLS.push('bgc' + ((_h = String(bgc)) === null || _h === void 0 ? void 0 : _h.replace(/\..*/, '')));
+            FNs.ev(boxShadow) || (CLS.push('bs' + boxShadow));
+            var _mrgT = void 0, _mrgR = void 0, _mrgB = void 0, _mrgL = void 0;
+            if ($.is.exist(mrg)) {
+                if ($.is.array(mrg)) {
+                    if (mrg.length == 2)
+                        _a = __read(__spreadArray(__spreadArray([], __read(mrg), false), __read(mrg), false), 4), _mrgT = _a[0], _mrgR = _a[1], _mrgB = _a[2], _mrgL = _a[3];
+                    else if (mrg.length == 4)
+                        _b = __read(mrg, 4), _mrgT = _b[0], _mrgR = _b[1], _mrgB = _b[2], _mrgL = _b[3];
+                }
+                else
+                    _mrgT = _mrgR = _mrgB = _mrgL = mrg;
+                mrgT = mrgT !== null && mrgT !== void 0 ? mrgT : _mrgT;
+                mrgR = mrgR !== null && mrgR !== void 0 ? mrgR : _mrgR;
+                mrgB = mrgB !== null && mrgB !== void 0 ? mrgB : _mrgB;
+                mrgL = mrgL !== null && mrgL !== void 0 ? mrgL : _mrgL;
+            }
+            FNs.ev(mrgT) || (CLS.push('mrgt' + mrgT));
+            FNs.ev(mrgR) || (CLS.push('mrgr' + mrgR));
+            FNs.ev(mrgB) || (CLS.push('mrgb' + mrgB));
+            FNs.ev(mrgL) || (CLS.push('mrgl' + mrgL));
+            var _pdT = void 0, _pdR = void 0, _pdB = void 0, _pdL = void 0;
+            if ($.is.exist(pd)) {
+                if ($.is.array(pd)) {
+                    if (pd.length == 2)
+                        _c = __read(__spreadArray(__spreadArray([], __read(pd), false), __read(pd), false), 4), _pdT = _c[0], _pdR = _c[1], _pdB = _c[2], _pdL = _c[3];
+                    else if (pd.length == 4)
+                        _d = __read(pd, 4), _pdT = _d[0], _pdR = _d[1], _pdB = _d[2], _pdL = _d[3];
+                }
+                else
+                    _pdT = _pdR = _pdB = _pdL = pd;
+                pdT = pdT !== null && pdT !== void 0 ? pdT : _pdT;
+                pdR = pdR !== null && pdR !== void 0 ? pdR : _pdR;
+                pdB = pdB !== null && pdB !== void 0 ? pdB : _pdB;
+                pdL = pdL !== null && pdL !== void 0 ? pdL : _pdL;
+            }
+            FNs.ev(pdT) || (CLS.push('pdt' + pdT));
+            FNs.ev(pdR) || (CLS.push('pdr' + pdR));
+            FNs.ev(pdB) || (CLS.push('pdb' + pdB));
+            FNs.ev(pdL) || (CLS.push('pdl' + pdL));
+            FNs.ev(T) || (CLS.push('pstt' + T));
+            FNs.ev(R) || (CLS.push('pstr' + R));
+            FNs.ev(B) || (CLS.push('pstb' + B));
+            FNs.ev(L) || (CLS.push('pstl' + L));
+            {
+                {
+                    if ($.is.exist(b)) {
+                        bT = bT !== null && bT !== void 0 ? bT : b;
+                        bR = bR !== null && bR !== void 0 ? bR : b;
+                        bB = bB !== null && bB !== void 0 ? bB : b;
+                        bL = bL !== null && bL !== void 0 ? bL : b;
+                    }
+                    if ($.is.boolean(bT))
+                        bT = ['unset', '2.normal'][Number(bT)];
+                    if ($.is.boolean(bR))
+                        bR = ['unset', '2.normal'][Number(bR)];
+                    if ($.is.boolean(bB))
+                        bB = ['unset', '2.normal'][Number(bB)];
+                    if ($.is.boolean(bL))
+                        bL = ['unset', '2.normal'][Number(bL)];
+                    FNs.ev(bT) || (CLS.push('b_t_ss' + ((_j = String(bT)) === null || _j === void 0 ? void 0 : _j.replace(/\..*/, ''))));
+                    FNs.ev(bR) || (CLS.push('b_r_ss' + ((_k = String(bR)) === null || _k === void 0 ? void 0 : _k.replace(/\..*/, ''))));
+                    FNs.ev(bB) || (CLS.push('b_b_ss' + ((_l = String(bB)) === null || _l === void 0 ? void 0 : _l.replace(/\..*/, ''))));
+                    FNs.ev(bL) || (CLS.push('b_l_ss' + ((_m = String(bL)) === null || _m === void 0 ? void 0 : _m.replace(/\..*/, ''))));
+                }
+                if ($.is.exist(bWidth))
+                    CLS.push('b_wth' + String(bWidth));
+                if ($.is.exist(bColor))
+                    CLS.push('b_cl' + String(bColor));
+                if ($.is.exist(bStyle))
+                    CLS.push('b_st' + String(bStyle));
+                {
+                    var _brTL = void 0, _brTR = void 0, _brBL = void 0, _brBR = void 0;
+                    if ($.is.exist(br)) {
+                        if ($.is.array(br)) {
+                            if (br.length == 4)
+                                _e = __read(br, 4), _brTL = _e[0], _brTR = _e[1], _brBR = _e[2], _brBL = _e[3];
+                        }
+                        else {
+                            _brTL = _brTR = _brBL = _brBR = br;
+                        }
+                        brTL = brTL !== null && brTL !== void 0 ? brTL : _brTL;
+                        brTR = brTR !== null && brTR !== void 0 ? brTR : _brTR;
+                        brBL = brBL !== null && brBL !== void 0 ? brBL : _brBL;
+                        brBR = brBR !== null && brBR !== void 0 ? brBR : _brBR;
+                    }
+                }
+                FNs.ev(brTL) || (CLS.push('br_tl' + FNs.toConcreteBorderRadius(brTL)));
+                FNs.ev(brTR) || (CLS.push('br_tr' + FNs.toConcreteBorderRadius(brTR)));
+                FNs.ev(brBL) || (CLS.push('br_bl' + FNs.toConcreteBorderRadius(brBL)));
+                FNs.ev(brBR) || (CLS.push('br_br' + FNs.toConcreteBorderRadius(brBR)));
+            }
+            FNs.ev(opacity) || (CLS.push('op' + opacity));
+            if ($.is.exist(gap)) {
+                var gapRow = void 0, gapCol = void 0;
+                if ($.is.array(gap))
+                    gapRow = gap[0], gapCol = gap[1];
+                else
+                    gapRow = gapCol = gap;
+                CLS.push.apply(CLS, ['gapRow' + gapRow, 'gapCol' + gapCol]);
+            }
+            FNs.ev(flexSizing) || (CLS.push('flsz' + flexSizing));
+            FNs.ev(flexWrap) || (CLS.push('flwrp' + flexWrap));
+            FNs.ev(flexType) || (CLS.push('fltyp' + flexType));
+            FNs.ev(flexChilds) || (CLS.push('flchld' + flexChilds));
+            FNs.ev(flexGrid) || (CLS.push('flgrid' + flexGrid));
+            FNs.ev(verticalAlign) || (CLS.push('flvrt' + verticalAlign));
+            FNs.ev(horizontalAlign) || (CLS.push('flhrz' + horizontalAlign));
+            FNs.ev(gridCenter) || (CLS.push('grcnt' + gridCenter));
+            FNs.ev(gridCols) || (CLS.push('grcol' + gridCols));
+            FNs.ev(height) || (CLS.push('hgt' + height));
+            FNs.ev(width) || (CLS.push('wdt' + width));
+            FNs.ev(unitHeight) || (CLS.push('unthgt' + unitHeight));
+            FNs.ev(unitWidth) || (CLS.push('untwdt' + unitWidth));
+            FNs.ev(transition) || (CLS.push('trnst' + transition));
+            FNs.ev(maxHeight) || (CLS.push('maxh' + maxHeight));
+            FNs.ev(minHeight) || (CLS.push('minh' + minHeight));
+            FNs.ev(maxWidth) || (CLS.push('maxw' + maxWidth));
+            FNs.ev(minWidth) || (CLS.push('minw' + minWidth));
+        }
+        return {
+            otherParams: others,
+            className: CLS.length ? type + CLS.join(' ' + type) : ''
+        };
+    }
+};
+var ReadStyleSet = function (rawParams) {
+    var params = __assign({}, rawParams);
+    var gradients = params.gradients, ssCardBox = params.ssCardBox, ssSphere = params.ssSphere, ssSquare = params.ssSquare, ssPushable = params.ssPushable, ssAbsoluteCovered = params.ssAbsoluteCovered, ssTextEllipsis = params.ssTextEllipsis, flexCenter = params.flexCenter, flexNewLine = params.flexNewLine, isBoldFont = params.isBoldFont, isRounded = params.isRounded, ReturnParams = __rest(params, ["gradients", "ssCardBox", "ssSphere", "ssSquare", "ssPushable", "ssAbsoluteCovered", "ssTextEllipsis", "flexCenter", "flexNewLine", "isBoldFont", "isRounded"]);
+    if (gradients) {
+        var deg = gradients.deg, colors = gradients.colors;
+        ReturnParams = __assign(__assign({}, ReturnParams), { freeCSS: {
+                background: "linear-gradient(".concat(deg, "deg,").concat(colors.join(','), ")"),
+            } });
+    }
+    if (ssCardBox) {
+        if (ssCardBox === true) {
+            ssCardBox = 'border';
+            if (amotify.config.tone == 'flat')
+                ssCardBox = 'cloud';
+        }
+        var exStyles = {
+            backgroundColor: '1.layer.base',
+            borderRadius: '1.tone.primary',
+            boxShadow: 0,
+            freeCSS: {
+                zIndex: 1
+            }
+        };
+        if (ssCardBox == 'border') {
+            exStyles.border = true;
+        }
+        else if (ssCardBox == 'layer') {
+            exStyles.backgroundColor = '1.layer.base';
+        }
+        else if (ssCardBox == 'cloud') {
+            exStyles.backgroundColor = 'cloud';
+        }
+        else if (ssCardBox == 'shadow') {
+            exStyles.boxShadow = 1;
+        }
+        if (['dim', 'dark'].includes(amotify.config.darkMode))
+            exStyles.boxShadow = 2;
+        ReturnParams = $.deepMerge(exStyles, ReturnParams);
+    }
+    if (ssSphere) {
+        flexCenter = flexCenter !== null && flexCenter !== void 0 ? flexCenter : true;
+        ReturnParams = __assign({ padding: 0, unitWidth: ssSphere, unitHeight: ssSphere, borderRadius: 'sphere', flexSizing: 'none' }, ReturnParams);
+    }
+    if (ssSquare) {
+        flexCenter = flexCenter !== null && flexCenter !== void 0 ? flexCenter : true;
+        ReturnParams = __assign({ padding: 0, unitWidth: ssSquare, unitHeight: ssSquare, flexSizing: 'none' }, ReturnParams);
+    }
+    !ssPushable || (ReturnParams = __assign(__assign({ transition: 'middle' }, ReturnParams), { className: [
+            ReturnParams.className,
+            'ssPushable'
+        ].join(' ') }));
+    !ssAbsoluteCovered || (ReturnParams = __assign({ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }, ReturnParams));
+    !ssTextEllipsis || (ReturnParams = __assign(__assign({ overflow: 'hidden' }, ReturnParams), { freeCSS: __assign({ whiteSpace: 'nowrap', textOverflow: 'ellipsis' }, ReturnParams.freeCSS) }));
+    !flexNewLine || (ReturnParams = __assign({ width: 1, flexSizing: 'none' }, ReturnParams));
+    !flexCenter || (ReturnParams = __assign({ display: 'flex', horizontalAlign: 'center', verticalAlign: 'center' }, ReturnParams));
+    !isBoldFont || (ReturnParams = __assign(__assign({}, ReturnParams), { fontWeight: '3.bold' }));
+    !isRounded || (ReturnParams = __assign(__assign({}, ReturnParams), { borderRadius: 'sphere' }));
+    return ReturnParams;
+};
+exports.ReadStyleSet = ReadStyleSet;
+var ToClassName = function (rawParams) {
+    var e_1, _a;
+    var params = (0, exports.ReadStyleSet)(rawParams);
+    var componentID = params.componentID, _b = params.UnderBreakPointStyles, UnderBreakPointStyles = _b === void 0 ? {} : _b, _c = params.hoverStyles, hoverStyles = _c === void 0 ? {} : _c, _d = params.focusStyles, focusStyles = _d === void 0 ? {} : _d, _e = params.activeStyles, activeStyles = _e === void 0 ? {} : _e, _f = params.className, className = _f === void 0 ? '' : _f, _g = params.freeCSS, freeCSS = _g === void 0 ? {} : _g, ssEffectsOnActive = params.ssEffectsOnActive, ssLastChildLossBorder = params.ssLastChildLossBorder, others = __rest(params, ["componentID", "UnderBreakPointStyles", "hoverStyles", "focusStyles", "activeStyles", "className", "freeCSS", "ssEffectsOnActive", "ssLastChildLossBorder"]);
+    var ClassNames = [className];
+    if (ssLastChildLossBorder) {
+        ClassNames.push('ssLastChildLossBorder_' + ssLastChildLossBorder);
+    }
+    if (ssEffectsOnActive) {
+        ssEffectsOnActive = $.flatArray(ssEffectsOnActive);
+        try {
+            for (var _h = __values(ssEffectsOnActive), _j = _h.next(); !_j.done; _j = _h.next()) {
+                var effect = _j.value;
+                ClassNames.push.apply(ClassNames, ['eff_' + effect, 'eff_' + effect.split('.')[0]]);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_j && !_j.done && (_a = _h.return)) _a.call(_h);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    }
+    {
+        var result = FNs.ClassNames('¥', others);
+        ClassNames.push(result.className);
+        others = result.otherParams;
+    }
+    if (UnderBreakPointStyles)
+        ClassNames.push(FNs.ClassNames('¥bk', UnderBreakPointStyles).className);
+    if (hoverStyles)
+        ClassNames.push(FNs.ClassNames('¥_h', hoverStyles).className);
+    if (focusStyles)
+        ClassNames.push(FNs.ClassNames('¥_f', focusStyles).className);
+    if (activeStyles)
+        ClassNames.push(FNs.ClassNames('¥_a', activeStyles).className);
+    var states = __assign({}, others);
+    if (freeCSS)
+        states.style = __assign(__assign({}, freeCSS), states.style);
+    if (componentID || states['data-component-id']) {
+        states['data-component-id'] = states['data-component-id'] || componentID;
+    }
+    if (ClassNames.length) {
+        states.className = ClassNames.join(' ')
+            .trim()
+            .replace(/%/ig, 'P')
+            .replace(/\d+px/ig, 'PIX')
+            .replace(/\s+/ig, ' ')
+            .replace(/\//ig, '_')
+            .replace(/\./ig, '-');
+    }
+    return states;
+};
+exports.ToClassName = ToClassName;

package/dist/@comps/Atoms/@export.d.ts

@@ -0,0 +1,4 @@
+import { Box, Span, Img, Flex, FlexBr, Grid, Paragraph, Placeholder } from './Various/parts';
+import { FAIcon } from './FAIcon/parts';
+import { Logo } from './Logo/parts';
+export { Flex, FlexBr, FAIcon, Placeholder, Grid, Logo, Box, Span, Paragraph, Img };

package/dist/@comps/Atoms/@export.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Img = exports.Paragraph = exports.Span = exports.Box = exports.Logo = exports.Grid = exports.Placeholder = exports.FAIcon = exports.FlexBr = exports.Flex = void 0;
+var parts_1 = require("./Various/parts");
+Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return parts_1.Box; } });
+Object.defineProperty(exports, "Span", { enumerable: true, get: function () { return parts_1.Span; } });
+Object.defineProperty(exports, "Img", { enumerable: true, get: function () { return parts_1.Img; } });
+Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return parts_1.Flex; } });
+Object.defineProperty(exports, "FlexBr", { enumerable: true, get: function () { return parts_1.FlexBr; } });
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return parts_1.Grid; } });
+Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return parts_1.Paragraph; } });
+Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return parts_1.Placeholder; } });
+var parts_2 = require("./FAIcon/parts");
+Object.defineProperty(exports, "FAIcon", { enumerable: true, get: function () { return parts_2.FAIcon; } });
+var parts_3 = require("./Logo/parts");
+Object.defineProperty(exports, "Logo", { enumerable: true, get: function () { return parts_3.Logo; } });
+global.amotify.atoms = {
+    Flex: parts_1.Flex,
+    FlexBr: parts_1.FlexBr,
+    FAIcon: parts_2.FAIcon,
+    Placeholder: parts_1.Placeholder,
+    Grid: parts_1.Grid,
+    Logo: parts_3.Logo,
+    Box: parts_1.Box,
+    Span: parts_1.Span,
+    Paragraph: parts_1.Paragraph,
+    Img: parts_1.Img
+};
+Object.freeze(global.amotify.atoms);

package/dist/@comps/Atoms/FAIcon/parts.d.ts

@@ -0,0 +1,2 @@
+declare const FAIcon: amotify.atoms.FAIcon.Method;
+export { FAIcon };

package/dist/@comps/Atoms/FAIcon/parts.js

@@ -0,0 +1,153 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var e_1, _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FAIcon = void 0;
+var StyleConverter = amotify.glob.StyleConverter;
+var style_module_scss_1 = __importDefault(require("./style.module.scss"));
+var parts_1 = require("../Various/parts");
+var FaIconComp = function (params) {
+    var _a = params.iconAnimation, iconAnimation = _a === void 0 ? false : _a, iconFamily = params.iconFamily, isSolidIcon = params.isSolidIcon, isRegularIcon = params.isRegularIcon, isLightIcon = params.isLightIcon, isThinIcon = params.isThinIcon, isDuotoneIcon = params.isDuotoneIcon, _b = params.isBrandIcon, isBrandIcon = _b === void 0 ? false : _b, _c = params.d, d = _c === void 0 ? 'image-slash' : _c, others = __rest(params, ["iconAnimation", "iconFamily", "isSolidIcon", "isRegularIcon", "isLightIcon", "isThinIcon", "isDuotoneIcon", "isBrandIcon", "d"]);
+    var ClassNames = [
+        style_module_scss_1.default.FAIcon,
+        'fa-' + d,
+        'fa-fw'
+    ];
+    if (!isBrandIcon) {
+        var tone = amotify.config.tone;
+        if (!isSolidIcon && !isRegularIcon && !isLightIcon && !isThinIcon && !isDuotoneIcon)
+            isRegularIcon = true;
+        if (tone == 'default') {
+        }
+        else if (tone == 'sharp') {
+            iconFamily = iconFamily || 'sharp';
+        }
+        var iconStyle = isSolidIcon ? 'solid' :
+            isRegularIcon ? 'regular' :
+                isLightIcon ? 'light' :
+                    isThinIcon ? 'thin' :
+                        isDuotoneIcon ? 'duotone' :
+                            'regular';
+        iconFamily = iconFamily || 'classic';
+        if (iconAnimation == 'spin-reverse')
+            iconAnimation = 'spin fa-spin-reverse';
+        ClassNames = __spreadArray([
+            'fa-' + iconFamily,
+            'fa-' + iconStyle
+        ], __read(ClassNames), false);
+        if (iconAnimation)
+            ClassNames.push('fa-' + iconAnimation);
+    }
+    else {
+        ClassNames = __spreadArray([
+            'fa-brands'
+        ], __read(ClassNames), false);
+    }
+    return (React.createElement(parts_1.Box, __assign({ verticalAlign: 'center', horizontalAlign: 'center' }, others, { freeCSS: __assign({ display: 'inline-flex' }, others.freeCSS) }),
+        React.createElement("i", { className: ClassNames.join(' ') })));
+};
+var FAIcon = FaIconComp;
+exports.FAIcon = FAIcon;
+var shortKeys = [
+    'user',
+    'times',
+    'descktop',
+    'angle-right', 'angle-left', 'angle-up', 'angle-down',
+    'chevron-left', 'chevron-right', 'chevron-up', 'chevron-down',
+    'caret-left', 'caretRight', 'caret-up', 'caret-down',
+    'arrow-left', 'arrow-right', 'arrow-up', 'arrow-down',
+    'rotate', 'rotate-left', 'rotate-right', 'redo',
+    'play', 'pause', 'stop', 'forward-step', 'backward-step',
+    'check', 'check-circle',
+    'question', 'question-circle', 'exclamation', 'exclamation-triangle',
+    'home', 'share', 'volume',
+    'search', 'yen-sign', 'heart', 'star',
+    'edit', 'pen', 'copy', 'files', 'file',
+    'backspace',
+    'trash-alt',
+    'bars',
+    'download',
+    'link', 'link-slash', 'external-link-alt',
+    'gear',
+    'plus', 'minus', 'equals', 'calculator',
+    'image',
+    'badge-percent'
+];
+var _loop_1 = function (key) {
+    FAIcon[key.toCapital()] = function (params) {
+        return React.createElement(FaIconComp, __assign({ d: key }, params));
+    };
+};
+try {
+    for (var shortKeys_1 = __values(shortKeys), shortKeys_1_1 = shortKeys_1.next(); !shortKeys_1_1.done; shortKeys_1_1 = shortKeys_1.next()) {
+        var key = shortKeys_1_1.value;
+        _loop_1(key);
+    }
+}
+catch (e_1_1) { e_1 = { error: e_1_1 }; }
+finally {
+    try {
+        if (shortKeys_1_1 && !shortKeys_1_1.done && (_a = shortKeys_1.return)) _a.call(shortKeys_1);
+    }
+    finally { if (e_1) throw e_1.error; }
+}

package/dist/@comps/Atoms/Logo/parts.d.ts

@@ -0,0 +1 @@
+export declare const Logo: amotify.atoms.Logos.Methods;