amotify 0.0.0

package/dist/@comps/Organisms/DisplayStyleInput/themeColor.js

@@ -0,0 +1,185 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeColorBrands = exports.ThemeColorOriginal = exports.ThemeColorBasic = exports.ThemeColorALL = exports.Colors = void 0;
+var _global_1 = require("@global");
+var _atoms_1 = require("@atoms");
+var _mols_1 = require("@mols");
+var _functions_1 = require("@functions");
+var useState = _global_1.React.useState, useEffect = _global_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: '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' }
+    ],
+    Originals: [
+        { key: 'brick', icon: 'block-brick' },
+        { key: 'flower', icon: 'flower-tulip' },
+        { key: 'lip', icon: 'lips' },
+        { key: 'wine', icon: 'wine-glass' },
+        { key: 'theater', icon: 'theater-masks', label: 'entertainment' },
+        { key: 'bat', icon: 'bat' },
+        { key: 'poizon', icon: 'flask-poison' },
+        { key: 'eggplant', icon: 'eggplant' },
+        { key: 'ufo', icon: 'ufo', label: 'UFO' },
+        { key: 'alien', icon: 'alien' },
+        { key: 'tombstone', icon: 'tombstone' },
+        { key: 'ninja', icon: 'user-ninja' },
+        { key: 'moon', icon: 'moon' },
+        { key: 'rain', icon: 'cloud-showers-heavy' },
+        { key: 'unicorn', icon: 'alicorn' },
+        { key: 'axe', icon: 'axe' },
+        { key: 'gem', icon: 'gem' },
+        { key: 'soap', icon: 'soap' },
+        { key: 'drizzle', icon: 'cloud-drizzle' },
+        { key: 'building', icon: 'building' },
+        { key: 'fish', icon: 'fish' },
+        { key: 'icicles', icon: 'icicles', label: 'ice' },
+        { key: 'water', icon: 'water' },
+        { key: 'tree1', icon: 'tree-alt' },
+        { key: 'tree2', icon: 'trees' },
+        { key: 'tree3', icon: 'tree' },
+        { key: 'battery', icon: 'battery-bolt' },
+        { key: 'seedle', icon: 'seedling' },
+        { key: 'greenTea', icon: 'mug-tea' },
+        { key: 'oak', icon: 'leaf-oak' },
+        { key: 'salad', icon: 'salad' },
+        { key: 'cloud', icon: 'cloud' },
+        { key: 'lemon', icon: 'lemon' },
+        { key: 'angel', icon: 'angel' },
+        { key: 'parasol', icon: 'umbrella-beach' },
+        { key: 'pizza', icon: 'pizza-slice' },
+        { key: 'thunder', icon: 'thunderstorm' },
+        { key: 'latte', icon: 'coffee-togo' },
+        { key: 'island', icon: 'island-tropical' },
+        { key: 'shovel', icon: 'shovel' },
+        { key: 'coffee', icon: 'coffee' },
+        { key: 'carrot', icon: 'carrot' },
+        { key: 'cactus', icon: 'cactus' },
+        { key: 'volcano', icon: 'volcano' },
+        { key: 'choco', icon: 'candy-bar' },
+        { key: 'industry', icon: 'industry-windows' },
+        { key: 'gun', icon: 'gun' },
+        { key: 'galaxy', icon: 'galaxy', label: 'blakchole' },
+    ]
+};
+var GenOption = function (params) {
+    var key = params.key, icon = params.icon, _a = params.label, label = _a === void 0 ? '' : _a;
+    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),
+        freeCSS: {
+            backgroundColor: Color(0.15),
+            color: Color()
+        },
+        checkedStyles: {
+            fontColor: 'white',
+            boxShadow: 3,
+            freeCSS: {
+                backgroundColor: Color(),
+                color: 'white',
+                transform: 'scale(1.1)'
+            }
+        }
+    };
+};
+var ThemeColor = function (type) {
+    var ColorsArray = [];
+    if (type == 'all') {
+        ColorsArray = [
+            exports.Colors.Basics,
+            exports.Colors.Brands,
+            exports.Colors.Originals,
+        ];
+    }
+    else if (type == 'original') {
+        ColorsArray = [exports.Colors.Originals];
+    }
+    else if (type == 'basic') {
+        ColorsArray = [exports.Colors.Basics];
+    }
+    else if (type = 'brand') {
+        ColorsArray = [exports.Colors.Brands];
+    }
+    var UniParams = __assign(__assign({}, {}), { tone: 'plain', icon: false, override: 'force', flexType: 'row', gap: 1, horizontalAlign: 'around', cellStyles: {
+            ssSphere: 3,
+            flexCenter: true,
+            borderRadius: '1.tone.primary',
+            fontSize: '3.paragraph',
+            transition: 'middle'
+        } });
+    var Comp = function (params) {
+        var mounted = _global_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) {
+                params.onUpdate(val_ColorKey);
+            }
+            else {
+                mounted.current = true;
+            }
+        }, [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 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 Comp;
+};
+exports.ThemeColorALL = ThemeColor('all');
+exports.ThemeColorBasic = ThemeColor('basic');
+exports.ThemeColorOriginal = ThemeColor('original');
+exports.ThemeColorBrands = ThemeColor('brand');

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

@@ -0,0 +1,2 @@
+import { PlayGround } from './PlayGround/parts';
+export { PlayGround };

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayGround = void 0;
+var parts_1 = require("./PlayGround/parts");
+Object.defineProperty(exports, "PlayGround", { enumerable: true, get: function () { return parts_1.PlayGround; } });
+global.amotify.temps = {
+    PlayGround: parts_1.PlayGround
+};
+Object.freeze(global.amotify.temps);

package/dist/@comps/Templates/PlayGround/parts.d.ts

@@ -0,0 +1 @@
+export declare const PlayGround: FNC<{}>;

package/dist/@comps/Templates/PlayGround/parts.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayGround = void 0;
+var _global_1 = require("@global");
+var useEffect = _global_1.React.useEffect, useState = _global_1.React.useState;
+var _atoms_1 = require("@atoms");
+var _mols_1 = require("@mols");
+var _orgs_1 = require("@orgs");
+var _functions_1 = require("@functions");
+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) {
+                    amotify.config.update.darkMode(value);
+                } }),
+            _global_1.React.createElement(_orgs_1.DisplayStyleInput.ThemeColor.Originals, { onUpdate: function (value) {
+                    amotify.config.update.themeColor(value);
+                } }),
+            _global_1.React.createElement(_orgs_1.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: [
+                    { value: 1, label: 'AAA' },
+                    { value: 2, label: 'BBB' },
+                    { value: 3, label: 'CCC' },
+                    {
+                        value: {
+                            test: 1,
+                        }, label: 'DDD'
+                    },
+                ], onUpdateValidValue: function (_a) {
+                    var value = _a.value;
+                    console.log(value);
+                } }),
+            _global_1.React.createElement(_functions_1.Buttons.Button.Prime.R, { submitOption: {
+                    formName: 'test',
+                    callback: function (form) {
+                        console.log(form);
+                    }
+                } }, "Submit"),
+            _global_1.React.createElement(_atoms_1.Box, null,
+                "Label1",
+                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'normal' })),
+            _global_1.React.createElement(_atoms_1.Box, null,
+                "Label2",
+                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'cloud', width: 1 })),
+            _global_1.React.createElement(_atoms_1.Box, null,
+                "Label3",
+                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'bottomBorder', unitWidth: 12 })),
+            _global_1.React.createElement(_atoms_1.Box, null,
+                "Label4",
+                _global_1.React.createElement(_functions_1.Inputs.TextInput, { tone: 'plain', unitWidth: 6 })))));
+};
+exports.PlayGround = PlayGround;

package/dist/@types/_.d.ts

@@ -0,0 +1,6 @@
+import './module';
+import './state';
+import './amot';
+import './index';
+import './fn';
+import './jsminAmotifyExtension';

package/dist/@types/_.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./module");
+require("./state");
+require("./amot");
+require("./index");
+require("./fn");
+require("./jsminAmotifyExtension");

package/dist/@types/amot.d.ts

@@ -0,0 +1,260 @@
+import React from 'react';
+import * as ReactDom from "react-dom";
+import * as ReactRouterDom from "react-router";
+export {};
+declare global {
+    namespace amotify {
+        namespace glob {
+            type LaunchReactApplicationParams = {
+                (params: {
+                    baseElement?: HTMLElement | string;
+                    reactElement: ReactElement;
+                    nonRouter?: boolean;
+                    appearances?: {
+                        roundness?: RoundnessTypes;
+                        themeColor?: amotify.ThemeColorTypes;
+                        tone?: amotify.ToneTypes;
+                        darkMode?: amotify.DarkModeTypes;
+                    };
+                }): void;
+            };
+            type useStoreParams = {
+                set(params: {
+                    key: string;
+                    value: any;
+                    privateKey?: string;
+                }): boolean;
+                update(params: {
+                    key: string;
+                    value: any;
+                    privateKey?: string;
+                }): boolean;
+                get(key: string, privateKey?: string): any;
+                delete(key: string, privateKey?: string): boolean;
+            };
+            type useRecycleParams = {
+                set(key: string): string;
+                do(key: string): void;
+            };
+            type PageTransitParams = {
+                open(url: string): void;
+                pushSync(url: string): void;
+                pushAsync(url: string): void;
+                push(url: string, newTab?: boolean): void;
+                back(): void;
+            };
+            namespace StyleConverter {
+                type ReadStyleSet = {
+                    <T>(params: T): T;
+                };
+                type ToClassName = {
+                    <T>(params: T): T;
+                };
+            }
+            type Methods = {
+                React: typeof React;
+                ReactRouterDom: typeof ReactRouterDom;
+                ReactDom: typeof ReactDom;
+                StyleConverter: {
+                    ReadStyleSet: StyleConverter.ReadStyleSet;
+                    ToClassName: StyleConverter.ToClassName;
+                };
+                pageTransit: PageTransitParams;
+                useStore: glob.useStoreParams;
+                useRecycle: glob.useRecycleParams;
+                LaunchReactApplication: glob.LaunchReactApplicationParams;
+            };
+        }
+        namespace atoms {
+            type BoxInput = amotifyBasicElement & {
+                children?: ReactElement;
+            } & React.HTMLAttributes<HTMLDivElement>;
+            type SpanProps = amotifyBasicElement & {
+                children?: ReactElement;
+            } & React.HTMLAttributes<HTMLSpanElement>;
+            type ParagraphProps = amotifyBasicElement & {
+                children?: ReactElement;
+            } & React.HTMLAttributes<HTMLParagraphElement>;
+            type FlexProps = amotifyBasicElement & {
+                children?: ReactElement;
+            } & React.HTMLAttributes<HTMLDivElement>;
+            type GridProps = amotifyBasicElement & {
+                children: ReactElement;
+                onClick?: {
+                    (event: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
+                };
+            } & React.HTMLAttributes<HTMLDivElement>;
+            namespace FAIcon {
+                type Method = FNC<FAIconFNC> & ShortCuts;
+                type FAIconFNC = amotifyBasicElement & {
+                    iconFamily?: 'classic' | 'sharp';
+                    isSolidIcon?: boolean;
+                    isRegularIcon?: boolean;
+                    isLightIcon?: boolean;
+                    isThinIcon?: boolean;
+                    isDuotoneIcon?: boolean;
+                    iconAnimation?: false | 'beat' | 'beat-fade' | 'bounce' | 'fade' | 'flip' | 'shake' | 'spin' | 'spin-reverse' | 'spin-pulse';
+                    isBrandIcon?: boolean;
+                    d?: string;
+                } & React.HTMLAttributes<HTMLDivElement>;
+                type ShortCuts = {
+                    [key in ShortCutNames]: FNC<Omit<FAIconFNC, 'd'>>;
+                };
+                type ShortCutNames = 'User' | 'Times' | 'Desktop' | 'AngleRight' | 'AngleLeft' | 'AngleUp' | 'AngleDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'ChevronDown' | 'CaretLeft' | 'CaretRight' | 'CaretUp' | 'CaretDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' | 'Rotate' | 'RotateLeft' | 'RotateRight' | 'Redo' | 'Play' | 'Pause' | 'Stop' | 'ForwardStep' | 'BackwardStep' | 'Check' | 'CheckCircle' | 'Question' | 'QuestionCircle' | 'Exclamation' | 'ExclamationTriangle' | 'Home' | 'Share' | 'Volume' | 'Search' | 'YenSign' | 'Heart' | 'Star' | 'Edit' | 'Pen' | 'Copy' | 'Files' | 'File' | 'Backspace' | 'TrashAlt' | 'Bars' | 'Download' | 'Link' | 'LinkSlash' | 'ExternalLinkAlt' | 'Gear' | 'Plus' | 'Minus' | 'Equals' | 'Calculator' | 'Image' | 'BadgePercent';
+            }
+            namespace Image {
+                type Methods = FNC<CompInput> & DefaultImages;
+                type CompInput = amotifyBasicElement & {
+                    src: string;
+                    alt?: string;
+                    showExpand?: boolean | string;
+                } & React.HTMLAttributes<HTMLImageElement>;
+                type DefaultImages = {
+                    uri: {
+                        mingooIcon: string;
+                        comunIcon: string;
+                        comunIconClear: string;
+                        defaultIcon(type: 'image' | 'object' | 'user' | 'group' | 'store'): string;
+                    };
+                };
+            }
+            namespace Logos {
+                type Methods = {
+                    Icon: (params: Params) => JSX.Element;
+                    Title: (params: Params) => JSX.Element;
+                    Brands: {
+                        MingooIcon: (params: DefaultLogoTypes) => JSX.Element;
+                        MingooTitle: (params: DefaultLogoTypes) => JSX.Element;
+                        MingooLogoH: (params: DefaultLogoTypes) => JSX.Element;
+                        MingooLogoV: (params: DefaultLogoTypes) => JSX.Element;
+                        ComunIcon: (params: DefaultLogoTypes) => JSX.Element;
+                        ComunTitle: (params: DefaultLogoTypes) => JSX.Element;
+                        ComunLogoH: (params: DefaultLogoTypes) => JSX.Element;
+                        ComunLogoV: (params: DefaultLogoTypes) => JSX.Element;
+                        Google: (params: DefaultLogoTypes) => JSX.Element;
+                        Facebook: (params: DefaultLogoTypes) => JSX.Element;
+                        Twitter: (params: DefaultLogoTypes) => JSX.Element;
+                        LINE: (params: DefaultLogoTypes) => JSX.Element;
+                    };
+                };
+                type Params = amotifyBasicElement & {
+                    size?: 'S' | 'R' | 'L' | '2L' | '3L';
+                    color?: 'normal' | 'white';
+                    children?: ReactElement | FNC<any>;
+                };
+                type DefaultLogoTypes = amotifyBasicElement & {
+                    size?: 'S' | 'R' | 'L' | '2L' | '3L';
+                    color?: 'normal' | 'white';
+                };
+            }
+            type PlaceholderParams = amotify.atoms.BoxInput & {
+                color?: 'cloud' | 'white';
+            };
+            type Methods = {
+                Box: FNC<atoms.BoxInput>;
+                Flex: FNC<atoms.FlexProps>;
+                FlexBr: FNC<amotifyUniStyleParams>;
+                Placeholder: FNC<PlaceholderParams>;
+                Grid: FNC<atoms.GridProps>;
+                FAIcon: FAIcon.Method;
+                Span: FNC<atoms.SpanProps>;
+                Paragraph: FNC<atoms.ParagraphProps>;
+                Img: atoms.Image.Methods;
+                Logo: Logos.Methods;
+            };
+        }
+        namespace mols {
+            namespace Accordion {
+                type Params = {
+                    open?: boolean;
+                    accordionID?: string;
+                    slideAnimation?: 'none' | 'fast' | 'slow';
+                    children: ReactElement;
+                    onToggleEvent?: {
+                        (open: boolean): void;
+                    };
+                } & atoms.BoxInput;
+                type FNParams = {
+                    fn: {
+                        open(accordionID: string): void;
+                        close(accordionID: string): void;
+                        toggle(accordionID: string): void;
+                    };
+                };
+                type SetParams = FNC<Params> & FNParams;
+            }
+            namespace List {
+                type Params = amotifyBasicElement & {
+                    rowStyles?: amotifyUniStyleParams;
+                    rows: RowsParams[];
+                };
+                type RowsParams = {
+                    children: ReactElement;
+                } & amotifyBasicElement;
+            }
+            type LinkifyTextProps = {
+                text: string;
+                placeholder?: ReactElement;
+            };
+            type Methods = {
+                List: FNC<mols.List.Params>;
+                Accordion: mols.Accordion.SetParams;
+                LinkifyText: FNC<mols.LinkifyTextProps>;
+                Text: {
+                    NowrapSpan: FNC<atoms.SpanProps>;
+                    Title: FNC<atoms.BoxInput>;
+                    SubTitle: FNC<atoms.BoxInput>;
+                    ThirdTitle: FNC<atoms.BoxInput>;
+                    Paragraph: FNC<atoms.BoxInput>;
+                    Normal: FNC<atoms.BoxInput>;
+                    Description: FNC<atoms.BoxInput>;
+                    Supplement: FNC<atoms.BoxInput>;
+                };
+                Column: FNC<atoms.FlexProps>;
+                Row: {
+                    Center: FNC<atoms.FlexProps>;
+                    Left: FNC<atoms.FlexProps>;
+                    Right: FNC<atoms.FlexProps>;
+                    Separate: FNC<atoms.FlexProps>;
+                };
+            };
+        }
+        namespace orgs {
+            namespace DisplayStyleInput {
+                type Methods = {
+                    Darkmode: FNC<DarkmodeInput>;
+                    ThemeColor: {
+                        ALL: FNC<ThemeColorInput>;
+                        Basics: FNC<ThemeColorInput>;
+                        Originals: FNC<ThemeColorInput>;
+                        Brands: FNC<ThemeColorInput>;
+                        Keys: {
+                            Brands: ColorIconParams[];
+                            Basics: ColorIconParams[];
+                            Originals: ColorIconParams[];
+                        };
+                    };
+                };
+                type ColorIconParams = {
+                    key: string;
+                    icon: ReactElement;
+                    label?: ReactElement;
+                };
+                type DarkmodeInput = atoms.BoxInput & {
+                    onUpdate(params: amotify.DarkModeTypes): void;
+                };
+                type ThemeColorInput = atoms.BoxInput & {
+                    onUpdate(params: amotify.ThemeColorTypes): void;
+                };
+            }
+            type Methods = {
+                DisplayStyleInput: DisplayStyleInput.Methods;
+            };
+        }
+        namespace temps {
+            type Methods = {
+                PlayGround: FNC<{}>;
+            };
+        }
+    }
+}

package/dist/@types/amot.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });