amotify 0.0.8 → 0.0.9

package/src/{Functions → functions}/Input/core.tsx

@@ -1,6 +1,6 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 const {
   useEffect,
   useState,
@@ -11,16 +11,16 @@ import {
   Box,
   Flex,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Column,
   Row,
   Text
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Buttons,
   Tooltips
-} from '~/Functions/@export';
+} from '@fn';
 
 import style from './style.module.scss';
 

package/src/{Functions → functions}/Input/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .Input {
   &:focus, &:active {
     z-index: 1;

package/src/{Functions → functions}/Inputs/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .Focus {
   &:focus, &:active {
     z-index: 1;

package/src/{Functions → functions}/Inputs/text.tsx

@@ -1,23 +1,10 @@
 import {
   StyleConverter
-} from '~/Global/@export';
-import style from './style.module.scss';
+} from '@global';
 
+import style from './style.module.scss';
 
-declare global {
-  namespace Inputs {
-    type ToneTypes = 'normal' | 'cloud' | 'bottomBorder' | 'plain'
-  
-    namespace Text {
-      type Params =
-        any &
-        React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>,HTMLInputElement> &
-        {
-          tone?: ToneTypes
-        }
-    }
-  }
-}
+import { TextInputs } from './types';
 
 let ToneStyles: {
   common: amotifyBasicElement
@@ -48,7 +35,7 @@ let ToneStyles: {
   plain: {},
 }
 
-export const TextInput = ( params: Inputs.Text.Params ) => {
+export const TextInput = ( params: TextInputs.Text.Params ) => {
   params = {
     ...ToneStyles.common,
     ...ToneStyles.bottomBorder,

package/src/functions/Inputs/types.d.ts

@@ -0,0 +1,13 @@
+namespace TextInputs {
+  type ToneTypes = 'normal' | 'cloud' | 'bottomBorder' | 'plain'
+
+  namespace Text {
+    type Params =
+      any &
+      React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>,HTMLInputElement> &
+      {
+        tone?: ToneTypes
+      }
+  }
+}
+export { TextInputs }

package/src/{Functions → functions}/Layout/PageNotFound.tsx

@@ -1,17 +1,15 @@
 import {
   Box,
-  Flex,
-  FAIcon,
-  Paragraph
-} from '~/Atoms/@export';
+  FAIcon
+} from '@atoms';
 import {
   Column,
   Row,
   Text
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Buttons
-} from '~/Functions/@export';
+} from '@fn';
 
 export const PageNotFound: FNC<{}> = () => {
 

package/src/{Functions → functions}/Layout/PageRouter.tsx

@@ -1,10 +1,10 @@
 import {
   useStore,
   ReactRouterDom
-} from '~/Global/@export';
+} from '@global';
 import {
   Layout
-} from '~/Functions/@export';
+} from '@fn';
 const {
   useEffect,
   useRef,

package/src/{Functions → functions}/Layout/PageViewController/parts.tsx

@@ -1,13 +1,15 @@
 import {
   React
-} from '~/Global/@export';
+} from '@global';
 
 const {
   useState,
   useEffect
 } = React;
 
-import { Effects } from '~/Functions/@export';
+import {
+  Effects
+} from '@fn';
 
 export const PageViewController: FNC<amotify.fn.Layout.PageViewController.Params> = ( params ) => {
   let {

package/src/{Functions → functions}/Layout/Plate.tsx

@@ -1,6 +1,6 @@
 import {
   Box
-} from '~/Atoms/@export';
+} from '@atoms';
 
 export const Plate: FNC<amotify.fn.Layout.Plate.Params> = ( props ) => {
   let {

package/src/{Functions → functions}/Layout/RootViewController/parts.tsx

@@ -2,19 +2,17 @@ import {
   React,
   useRecycle,
   pageTransit
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   Flex,
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
-  Column,
-  Row
-} from '~/Molecules/@export';
+  Column
+} from '@mols';
 import {
-  Buttons,
-  Input
-} from '~/Functions/@export';
+  Buttons
+} from '@fn';
 
 import style from './style.module.scss';
 

package/src/{Functions → functions}/Layout/RootViewController/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .Content {
   @media (max-width:$breakPoint ) {
     min-height: calc($viewHeight - $topNavigationHeight - $footerNavigationHeight );

package/src/{Functions → functions}/Layout/SwipeView/parts.tsx

@@ -1,10 +1,10 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   Flex
-} from '~/Atoms/@export';
+} from '@atoms';
 const {
   useState,
   useEffect,
@@ -13,7 +13,6 @@ const {
 
 import style from './style.module.scss';
 
-
 type SlideEventProps = {
   eventType: 'usr' | 'sys' | 'init' | 'adjustLoop'
   index: number

package/src/{Functions → functions}/Layout/SwipeView/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .Rail {
   &.ShowOther_true {
     > .Child {

package/src/{Functions → functions}/Layout/TabBar.tsx

@@ -1,16 +1,16 @@
 import {
   React,
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   Flex
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Row
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Input
-} from '~/Functions/@export';
+} from '@fn';
 const {
   useEffect,
   useState

package/src/{Functions → functions}/Loader/corner.tsx

@@ -1,13 +1,13 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   Flex
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Row
-} from '~/Molecules/@export';
+} from '@mols';
 const {
   useEffect,
   useState,

package/src/{Functions → functions}/Loader/mini.tsx

@@ -1,9 +1,9 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 import {
   Row
-} from '~/Molecules/@export';
+} from '@mols';
 const {
   useEffect,
   useState,

package/src/{Functions → functions}/Loader/parts.tsx

@@ -1,7 +1,7 @@
 import {
   LaunchReactApplication,
   useStore
-} from '~/Global/@export';
+} from '@global';
 const {
   useEffect,
   useState,

package/src/{Functions → functions}/Loader/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 :global {
   #LOADER {
     z-index: 10;

package/src/{Functions → functions}/Loader/top.tsx

@@ -1,13 +1,13 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   Flex
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Row
-} from '~/Molecules/@export';
+} from '@mols';
 const {
   useEffect,
   useState,

package/src/{Functions → functions}/Sheet/parts.tsx

@@ -1,23 +1,23 @@
 import {
   LaunchReactApplication,
   useStore
-} from '~/Global/@export';
+} from '@global';
 import {
   Img,
   Box,
   Flex,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Column,
   Row,
   Text
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Buttons,
   Input,
   Layout
-} from '~/Functions/@export';
+} from '@fn';
 const {
   useEffect,
   useState,

package/src/{Functions → functions}/Sheet/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 //SheetBase
 :global {
   #SHEET {

package/src/{Functions → functions}/SnackBar/parts.tsx

@@ -1,19 +1,19 @@
 import {
   LaunchReactApplication,
   useStore
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   Flex,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Row,
   Column
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Buttons
-} from '~/Functions/@export';
+} from '@fn';
 const {
   useEffect,
   useState,

package/src/{Functions → functions}/SnackBar/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 :global {
   #SNACKBARS {
     z-index: 8;

package/src/{Functions → functions}/Table/Data/parts.tsx

@@ -1,22 +1,22 @@
 import {
   useStore,
   React
-} from '~/Global/@export';
+} from '@global';
 import {
   Flex,
   Box,
   Span,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Column,
   Row,Text
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Buttons,
   Input,
   Sheet,
-} from '~/Functions/@export';
+} from '@fn';
 
 import style from '../style.module.scss';
 

package/src/{Functions → functions}/Table/Drag/parts.tsx

@@ -1,13 +1,13 @@
 import {
   useStore
-} from '~/Global/@export';
+} from '@global';
 import {
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Buttons,
   Tooltips,
-} from '~/Functions/@export';
+} from '@fn';
 const {
   useState,
   useEffect,

package/src/{Functions → functions}/Table/Normal/parts.tsx

@@ -1,9 +1,8 @@
-import style from '../style.module.scss';
-
 import {
   Comps,
   DefaultCellSystemStyles
 } from '../_';
+import style from '../style.module.scss';
 
 const HeadRow: FNC<amotify.fn.Tables.Normal.Params> = ( params ) => {
   let {

package/src/{Functions → functions}/Table/_.tsx

@@ -1,12 +1,11 @@
 import {
-  StyleConverter,
-  useStore
-} from '~/Global/@export';
+  StyleConverter
+} from '@global';
 
 import {
   Box,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 
 export const Comps: amotify.fn.Tables.CompsMethods = {
   Table: ( params ) => ( <table { ...StyleConverter.ToClassName( params ) } /> ),

package/src/{Functions → functions}/Table/style.module.scss

@@ -1,5 +1,6 @@
-@use 'src/@styles/props' as *;
-@use'src/@styles/styleSet' as *;
+@use '@props' as *;
+@use'@styleSet' as *;
+
 .Wrap {
   &.RowClickable_true {
     .Row {

package/src/{Functions → functions}/Tooltips/parts.tsx

@@ -1,9 +1,9 @@
 import {
   Box
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Sheet
-} from '~/Functions/@export';
+} from '@fn';
 
 const Tooltips: amotify.fn.Tooltips.Methods = {
   __memoryID: $.uuidGen(),

package/src/{Global → global}/styleConverter.tsx

@@ -1,7 +1,3 @@
-import {
-  useStore
-} from '~/Global/@export';
-
 type StyleType = '¥' | '¥_h' | '¥_f' | '¥_a' | '¥bk';
 
 const FNs = {
@@ -19,7 +15,7 @@ const FNs = {
   },
   ev: ( v: any ) => $.is.nullish( v ),
   ClassNames: ( type: StyleType,params: amotifyUniStyleParams ) => {
-    let CLS = [];
+    let CLS: string[] = [];
 
     let {
       gap,

package/src/launch.tsx

@@ -1,8 +1,8 @@
 import 'jsmin-front/dist/@types';
 
-if ( !global.$ ) console.log( `%c※can not find global.$,please read Jsmin to launch amotify.`,'color:orange;' );
+import '../@types/_';
 
-import './@types/_';
+if ( !global.$ ) console.log( `%c※can not find global.$,please read Jsmin to launch amotify.`,'color:orange;' );
 
 let publicURI = 'https://public.comun.jp/';
 export { publicURI }
@@ -17,7 +17,7 @@ import {
   useRecycle,
   StyleConverter,
   LaunchReactApplication
-} from './Global/@export';
+} from './@global';
 import {
   Flex,
   FlexBr,
@@ -29,7 +29,7 @@ import {
   Span,
   Paragraph,
   Img
-} from './Atoms/@export';
+} from '@atoms';
 import {
   List,
   Accordion,
@@ -37,13 +37,13 @@ import {
   Text,
   Column,
   Row
-} from './Molecules/@export';
+} from '@mols';
 import {
   DisplayStyleInput
-} from './Organisms/@export';
+} from '@orgs';
 import {
   PlayGround
-} from './Templates/@export';
+} from './@templates';
 import {
   Buttons,
   Input,
@@ -56,7 +56,7 @@ import {
   Tooltips,
   Effects,
   Cropper,
-} from './Functions/@export';
+} from '@fn';
 
 import {
   deviceIdentifier,

package/src/{Molecules → molecules}/Accordion/parts.tsx

@@ -1,10 +1,10 @@
 import {
   useStore,
   React
-} from '~/Global/@export';
+} from '@global';
 import {
   Box
-} from '~/Atoms/@export';
+} from '@atoms';
 const {
   useEffect,
   useState,

package/src/{Molecules → molecules}/Accordion/style.module.scss

@@ -1,4 +1,4 @@
-@use 'src/@styles/props' as *;
+@use '@props' as *;
 .Wrap {
   &.Open_true {
     opacity: 1;

package/src/{Molecules → molecules}/LinkifyText/parts.tsx

@@ -1,9 +1,9 @@
 import {
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Buttons
-} from '~/Functions/@export';
+} from '@fn';
 
 const {
   Anchor

package/src/{Molecules → molecules}/List.tsx

@@ -1,6 +1,6 @@
 import {
   Flex
-} from '~/Atoms/@export';
+} from '@atoms';
 
 export const List: FNC<amotify.mols.List.Params> = ( params ) => {
   let {

package/src/{Organisms → organisms}/DisplayStyleInput/darkmode.tsx

@@ -1,20 +1,20 @@
 import {
   React
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   Flex,
   Img,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Column,
   Row,
   Text
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Input
-} from '~/Functions/@export';
+} from '@fn';
 
 const {
   useState,

package/src/{Organisms → organisms}/DisplayStyleInput/themeColor.tsx

@@ -1,20 +1,20 @@
 import {
   React
-} from '~/Global/@export';
+} from '@global';
 import {
   Box,
   Flex,
   Img,
   FAIcon
-} from '~/Atoms/@export';
+} from '@atoms';
 import {
   Column,
   Row,
   Text
-} from '~/Molecules/@export';
+} from '@mols';
 import {
   Input
-} from '~/Functions/@export';
+} from '@fn';
 
 const {
   useState,