amotify 0.1.58 → 0.1.59

package/dist/index.d.ts

@@ -0,0 +1,400 @@
+/// <reference types="react" />
+import * as utils from './@utils';
+export * from './@utils';
+import * as atoms from './atoms';
+export * from './atoms';
+import * as mols from './mols';
+export * from './mols';
+export * from './orgs';
+export * from './temps';
+import * as fn from './fn';
+export * from './fn';
+declare const amotify: {
+    Effect: {
+        Ripple: import("./fn/Effect/Ripple").Ripple.Methods;
+        Pudding: import("./fn/Effect/Pudding").Pudding.Methods;
+        FadeIn: utils.React.FC<import("./fn/Effect/Fade").FadeIn.Input>;
+        FadeUp: utils.React.FC<import("./fn/Effect/Fade").FadeUp.Input>;
+    };
+    Button: fn.Button.Seed;
+    Input: typeof fn.Input;
+    Layout: typeof fn.Layout;
+    Table: typeof fn.Table;
+    Sheet: fn.Sheet.Methods;
+    Snackbar: fn.Snackbar.Methods;
+    Loader: fn.Loader.Methods;
+    Tooltips: fn.Tooltips.Methods;
+    Cropper: fn.Cropper.Methods;
+    DesignBook: () => import("react/jsx-runtime").JSX.Element;
+    Accordion: mols.Accordion.Methods;
+    Column: utils.React.FC<atoms.Flex.Input>;
+    LinkifyText: utils.React.FC<mols.LinkifyText.Input>;
+    List: utils.React.FC<mols.List.Input>;
+    Row: mols.Row.Methods;
+    Text: mols.Text.Methods;
+    Box: utils.React.FC<atoms.Box.Input>;
+    FAI: atoms.FAI.Methods;
+    Flex: utils.React.FC<atoms.Flex.Input>;
+    FlexBr: utils.React.FC<atoms.Box.Input>;
+    Grid: utils.React.FC<atoms.Box.Input>;
+    Img: utils.React.FC<atoms.Img.Input>;
+    Logo: atoms.Logo.Methods;
+    P: utils.React.FC<atoms.P.Input>;
+    Placeholder: utils.React.FC<atoms.Placeholder.Input>;
+    Span: utils.React.FC<atoms.Span.Input>;
+    Config: utils.Config.Methods;
+    useStore: utils.useStore.Methods;
+    useRecycle: utils.useRecycle.Methods;
+    collectForm: utils.collectForm.FN;
+    pageTransit: utils.pageTransit.Methods;
+    ColorObjects: {
+        key: utils.ThemeColor;
+        isBrand: boolean;
+        isAvocado: boolean;
+    }[];
+    SetThemeColorTag: () => void;
+    DarkmodeColors: {
+        light: string;
+        dark: string;
+        dim: string;
+        auto(): string;
+    };
+    ThemeColors: {
+        comun: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        leaf: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        heart: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        droplet: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        brick: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        flower: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        lip: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        wine: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        theater: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        bat: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        poizon: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        eggplant: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        ufo: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        alien: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        tombstone: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        ninja: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        moon: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        rain: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        unicorn: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        axe: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        gem: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        soap: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        drizzle: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        building: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        fish: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        icicles: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        water: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        tree1: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        tree2: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        tree3: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        battery: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        seedle: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        greenTea: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        oak: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        salad: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        cloudy: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        lemon: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        angel: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        parasol: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        pizza: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        thunder: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        latte: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        island: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        shovel: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        coffee: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        carrot: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        cactus: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        volcano: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        choco: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        industry: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        gun: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        galaxy: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        line: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        twitter: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        amazon: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        facebook: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        android: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        slackBlue: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        slackGreen: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        slackRed: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        slackYellow: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        slackBase: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        googleBlue: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        googleGreen: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        googleYellow: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+        googleRed: {
+            alfa(alfa?: number | undefined): string;
+            isBrand: boolean;
+            isAvocado: boolean;
+        };
+    };
+    ReadStyleSet: <T>(para: T) => T;
+    GenerateClassName: <T_1>(para: T_1) => T_1;
+    React: typeof utils.React;
+    LaunchReactApp: (para: utils.LaunchReactApp.Input) => void;
+    $$fromRoot: (args: any) => import("@mingoo/jsmin").default.Chains;
+};
+export { amotify, amotify as default, };

package/dist/index.js

@@ -0,0 +1 @@
+import{b as o}from"./chunk-VY3566IV.js";import*as m from"./@utils";export*from"./@utils";import*as t from"./atoms";export*from"./atoms";import*as f from"./mols";export*from"./mols";import*as p from"./orgs";export*from"./orgs";import*as s from"./temps";export*from"./temps";import*as a from"./fn";export*from"./fn";const r=o(o(o(o(o(o({},m),t),f),p),s),a);export{r as amotify,r as default};

package/dist/mols/Accordion.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { ReactElement } from '../@declaration';
+import { Box } from '../atoms/Box';
+declare namespace Accordion {
+    type Input = Box.Input & {
+        defaultOpen?: boolean;
+        override?: boolean;
+        accordionID?: string;
+        slideAnimation?: 'none' | 'fast' | 'slow';
+        children: ReactElement;
+        onToggleEvent?: {
+            (open: boolean): void;
+        };
+    };
+    type FN = {
+        fn: {
+            open(accordionID: string): void;
+            close(accordionID: string): void;
+            toggle(accordionID: string): void;
+        };
+    };
+    type Methods = FN & React.FC<Input>;
+}
+declare const Accordion: Accordion.Methods;
+export { Accordion, Accordion as default };

package/dist/mols/Accordion.js

@@ -0,0 +1 @@
+import{b as g,d as H}from"../chunk-VY3566IV.js";import{jsx as y}from"react/jsx-runtime";import{useState as m,useEffect as w,useRef as R}from"react";import a from"@mingoo/jsmin";import{$$fromRoot as r,useStore as l}from"../@utils";import{Box as A}from"../atoms/Box";import{AccordionClasses as I}from"../@styles/componentClasses";const _=o=>{o=g({},o);let v=o,{accordionID:t="",slideAnimation:x="fast",defaultOpen:f=!1,override:D=!1}=v,C=H(v,["accordionID","slideAnimation","defaultOpen","override"]),[d]=m(a.uuid.gen()),[p]=m(a.uuid.gen()),[s,c]=m(f);s!=f&&D&&c(f);const h=R(!1);return w(()=>{let n=r('[data-accordion-content-id="'+p+'"]')[0];if(n){let i=n.offsetHeight,e=0;x=="fast"?(e=i/1e3,e=Math.max(e,.2)):x=="slow"&&(e=i/300),r("#"+d).css({transition:e+"s"})}},[]),w(()=>{let n=r("#"+d),i=r('[data-accordion-content-id="'+p+'"]')[0];if(h.current){if(i){let e=i.offsetHeight;a.is.exist(e)&&(s?n.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):n.css({maxHeight:e+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,i){let e=i.offsetHeight;a.is.exist(e)&&(s?n.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):n.css({maxHeight:"0px",overflow:"hidden"}))}},[s]),t&&l.set({key:"Accordion-"+t,value:{open:()=>{c(!0)},close:()=>{c(!1)},toggle:()=>{c(!s)}}}),y(A,{className:[I("Wrap"),I("Open_"+s)].join(" "),id:d,children:y(A,g({"data-accordion-content-id":p},C))})},u=_;u.fn={open:o=>{let t=l.get("Accordion-"+o);!t||t.open()},close:o=>{let t=l.get("Accordion-"+o);!t||t.close()},toggle:o=>{let t=l.get("Accordion-"+o);!t||t.toggle()}};export{u as Accordion,u as default};

package/dist/mols/Column.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Flex } from '../atoms/Flex';
+declare namespace Column {
+    type Input = Flex.Input;
+}
+declare const Column: React.FC<Column.Input>;
+export { Column, Column as default };

package/dist/mols/Column.js

@@ -0,0 +1 @@
+import{b as p}from"../chunk-VY3566IV.js";import{jsx as t}from"react/jsx-runtime";import{Flex as l}from"../atoms/Flex";const e=o=>t(l,p({flexType:"col",gap:1},o));export{e as Column,e as default};

package/dist/mols/LinkifyText.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from '../@declaration';
+import React from 'react';
+declare namespace LinkifyText {
+    type Input = {
+        text: string;
+        placeholder?: ReactElement;
+    };
+}
+declare const LinkifyText: React.FC<LinkifyText.Input>;
+export { LinkifyText, LinkifyText as default };

package/dist/mols/LinkifyText.js

@@ -0,0 +1 @@
+import"../chunk-VY3566IV.js";import{Fragment as f,jsx as s}from"react/jsx-runtime";import c from"../fn/Button";const a=u=>{let{text:e,placeholder:i}=u,r=[];if(e){let p=[];e=e.replace(/https?:\/\/[^\s|\n|\r]*/ig,(...t)=>{let l=t[0];return p.push(l),"[$_url]"});let n=e.split("[$_url]");for(let t=0;t<=n.length-1;t++){let l=n[t],o=p[t];r.push(l),t<n.length-1&&r.push(s(c.Anchor.Link,{href:o,newTab:!0,children:o},"Link-"+t))}}else i&&(r=[i]);return s(f,{children:r})};export{a as LinkifyText,a as default};

package/dist/mols/List.d.ts

@@ -0,0 +1,11 @@
+import { TagProperty } from '../@declaration';
+import React from 'react';
+import { Flex } from '../atoms/Flex';
+declare namespace List {
+    type Input = TagProperty.BasicElement & {
+        rowStyles?: TagProperty.BasicElement;
+        rows: Flex.Input[];
+    };
+}
+declare const List: React.FC<List.Input>;
+export { List, List as default };

package/dist/mols/List.js

@@ -0,0 +1 @@
+import{b as e,c as t,d as r}from"../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{Flex as p}from"../atoms/Flex";const s=n=>{let o=n,{rows:i,rowStyles:c}=o,m=r(o,["rows","rowStyles"]),y=i.map(f=>{let l=f,{children:u}=l,w=r(l,["children"]);return a(p,t(e(e({},c),w),{children:u}))});return a(p,t(e({},m),{flexType:"col",children:y}))};export{s as List,s as default};

package/dist/mols/Row.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration';
+import { Flex } from '../atoms/Flex';
+declare namespace Row {
+    type Input = TagProperty.BasicElement & {
+        children?: ReactElement;
+    } & React.HTMLAttributes<HTMLDivElement>;
+    type Methods = {
+        Center: React.FC<Flex.Input>;
+        Left: React.FC<Flex.Input>;
+        Right: React.FC<Flex.Input>;
+        Separate: React.FC<Flex.Input>;
+    };
+}
+declare const Row: Row.Methods;
+export { Row, Row as default };

package/dist/mols/Row.js

@@ -0,0 +1 @@
+import{b as t}from"../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{Flex as l}from"../atoms/Flex";const n={Center:e=>a(l,t({horizontalAlign:"center",verticalAlign:"center",flexWrap:!1,gap:1},e)),Left:e=>a(l,t({horizontalAlign:"left",verticalAlign:"center",flexWrap:!1,gap:1},e)),Right:e=>a(l,t({horizontalAlign:"right",verticalAlign:"center",flexWrap:!1,gap:1},e)),Separate:e=>a(l,t({horizontalAlign:"between",verticalAlign:"center",flexWrap:!1,gap:1},e))};export{n as Row,n as default};

package/dist/mols/Text.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration';
+import { Box } from '../atoms/Box';
+import { Span } from '../atoms/Span';
+declare namespace Text {
+    type Input = TagProperty.BasicElement & {
+        children?: ReactElement;
+    } & React.HTMLAttributes<HTMLDivElement>;
+    type Methods = {
+        NowrapSpan: React.FC<Span.Input>;
+        Title: React.FC<Box.Input>;
+        SubTitle: React.FC<Box.Input>;
+        ThirdTitle: React.FC<Box.Input>;
+        Paragraph: React.FC<Box.Input>;
+        Normal: React.FC<Box.Input>;
+        Description: React.FC<Box.Input>;
+        Supplement: React.FC<Box.Input>;
+    };
+}
+declare const Text: Text.Methods;
+export { Text, Text as default };

package/dist/mols/Text.js

@@ -0,0 +1 @@
+import{b as e,c as n}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{Box as p}from"../atoms/Box";import{Span as a}from"../atoms/Span";const i={Title:t=>o(p,e({fontSize:"6.title",fontWeight:"3.semiBold"},t)),SubTitle:t=>o(p,e({fontSize:"5.subTitle",fontWeight:"3.semiBold"},t)),ThirdTitle:t=>o(p,e({fontSize:"4.thirdTitle",fontWeight:"3.semiBold"},t)),Paragraph:t=>o(p,e({fontSize:"3.paragraph",fontWeight:"3.semiBold"},t)),Normal:t=>o(p,e({},t)),Description:t=>o(p,n(e({},t),{freeCSS:e({whiteSpace:"pre-wrap"},t.freeCSS)})),Supplement:t=>o(p,e({fontSize:"1.mini"},t)),NowrapSpan:t=>o(a,n(e({},t),{freeCSS:e({whiteSpace:"nowrap"},t.freeCSS)}))};export{i as Text,i as default};

package/dist/mols/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Accordion';
+export * from './Column';
+export * from './LinkifyText';
+export * from './List';
+export * from './Row';
+export * from './Text';

package/dist/mols/index.js

@@ -0,0 +1 @@
+export*from"./Accordion";export*from"./Column";export*from"./LinkifyText";export*from"./List";export*from"./Row";export*from"./Text";

package/dist/orgs/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/temps/designBook.d.ts

@@ -0,0 +1,4 @@
+declare namespace DesignBook {
+}
+declare const DesignBook: () => import("react/jsx-runtime").JSX.Element;
+export { DesignBook, DesignBook as default };