amotify 0.1.7 → 0.1.8

package/dist/atoms/Logo.js

@@ -0,0 +1,52 @@
+import{b as l,c as a,d as p}from"../chunk-E3D4DIO4.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import{$$ as h}from"@utils";import L from"@atoms/Flex";import S from"@atoms/Img";import{LogoClasses as r}from"@styles/componentClasses/_";let s="https://public.amotify.jp/";const T={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:r("ComunIcon"),children:I("g",{children:[e("path",{d:`
+        M
+        100,600
+        A 500,500 0 0,0 600,1100
+        A 100,100 0 0,0 600,900
+        A 300,300 0 0,1 300,600
+        A 100,100 0 0,0 100,600
+        Z
+        `,style:{opacity:.9,fill:"#16a3ec"}}),e("path",{d:`
+        M
+        600,1100
+        A 500,500 0 0,0 1100,600
+        A 100,100 0 0,0 900,600
+        A 300,300 0 0,1 600,900
+        A 100,100 0 1,0 600,1100
+        Z
+        `,style:{opacity:.9,fill:"#ea6093"}}),e("path",{d:`
+        M
+        600,100
+        A 500,500 0 0,0 100,600
+        A 100,100 0 0,0 300,600
+        A 300,300 0 0,1 600,300
+        A 100,100 0 0,0 600,100
+        Z
+        `,style:{opacity:.9,fill:"#387cfe"}}),e("path",{d:`
+        M
+        600,100
+        A 100,100 0 0,1 700,200
+        A 300,300 0 0,0 1000,500
+        A 100,100 0 0,1 1100,600
+        A 100,100 0 0,1 1000,700
+        A 500,500 0 0,1 500,200
+        A 100,100 0 0,1 600,100
+        Z
+        `,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=t=>I(A,{children:[e("path",{d:`
+            M
+            600,100
+            A 80,80 0 0,1 600,260
+            A 80,80 0 0,1 600,100
+            L600,600
+            L600,300
+            Z
+            `,className:[r("P"),r("P_"+t)].join(" "),style:{fill:"#c56ff0"}}),e("path",{d:`
+            M
+            600,300
+            A 45,45 0 0,1 600,390
+            A 45,45 0 0,1 600,300
+            L600,600
+            L600,300
+            Z
+            `,className:[r("P"),r("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:r("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},m={Icon:o=>e(i.Icon,a(l({},o),{children:e(T.MingooIcon,{})})),Title:o=>e(i.Title,a(l({height:"auto",className:r("ComunTitle")},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({gap:"1/2",flexCenter:!0},c),{children:[e(m.Icon,{size:t,color:g}),e(m.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({flexType:"col",gap:"1/2"},c),{children:[e(m.Icon,{margin:"auto",size:t,color:g}),e(m.Title,{size:t,color:g})]}))}},u={Icon:o=>e(i.Icon,a(l({},o),{children:e(T.ComunIcon,{})})),Title:o=>e(i.Title,a(l({height:"auto",className:r("ComunTitle")},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({gap:"1/2",flexCenter:!0},c),{children:[e(u.Icon,{size:t,color:g}),e(u.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,c=p(n,["size","color"]);return I(L,a(l({flexType:"col",gap:"1/2"},c),{children:[e(u.Icon,{margin:"auto",size:t,color:g}),e(u.Title,{size:t,color:g})]}))}},i={Icon:o=>{let f=o,{size:t="R",color:g="normal",className:c="",children:n}=f,C=p(f,["size","color","className","children"]);return e(L,a(l({verticalAlign:"center",className:[c,r("Icon"),r("Size_"+t)].join(" ")},C),{children:h.is.function(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:g="normal",className:c="",children:n}=f,C=p(f,["size","color","className","children"]);return e(L,a(l({verticalAlign:"center",fontColor:g=="white"?"white":"logo",className:[c,r("Title"),r("Size_"+t)].join(" ")},C),{freeCSS:l({lineHeight:"1.25"},C.freeCSS),children:h.is.function(n)?e(n,{}):n}))},Brands:{MingooIcon:m.Icon,MingooTitle:m.Title,MingooLogoH:m.LogoH,MingooLogoV:m.LogoV,ComunIcon:u.Icon,ComunTitle:u.Title,ComunLogoH:u.LogoH,ComunLogoV:u.LogoV,Google:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:s+"@env/@logos/mingoo/icon.png",mingooIconClear:s+"@env/@logos/mingoo/iconClear.png",comunIcon:s+"@env/@logos/comun/icon.png",comunIconClear:s+"@env/@logos/comun/iconClear.png",defaultIcon:o=>s+"@env/@icon/"+(o||"image")+".png"}};export{i as Logo,i as default};
+//# sourceMappingURL=Logo.js.map

package/dist/atoms/Logo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/atoms/Logo.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement\n} from '@declaration'\n\nimport {\n  $$\n} from '@utils'\n\nimport Flex from '@atoms/Flex'\nimport Img from '@atoms/Img'\n\nimport { LogoClasses } from '@styles/componentClasses/_'\n\n\nlet publicURI = 'https://public.amotify.jp/'\n\nnamespace Logo {\n  export type ComponentInput = TagProperty.BasicElement & {\n    size?: 'S' | 'R' | 'L' | '2L' | '3L'\n    color?: 'normal' | 'white'\n    children?: ReactElement | React.FC<any>\n  }\n  export type DefaultLogoInput = TagProperty.BasicElement & {\n    size?: 'S' | 'R' | 'L' | '2L' | '3L'\n    color?: 'normal' | 'white'\n  }\n  export type Methods = {\n    Icon: ( params: ComponentInput ) => JSX.Element\n    Title: ( params: ComponentInput ) => JSX.Element\n\n    Brands: {\n      MingooIcon: ( params: DefaultLogoInput ) => JSX.Element\n      MingooTitle: ( params: DefaultLogoInput ) => JSX.Element\n      MingooLogoH: ( params: DefaultLogoInput ) => JSX.Element\n      MingooLogoV: ( params: DefaultLogoInput ) => JSX.Element\n\n      ComunIcon: ( params: DefaultLogoInput ) => JSX.Element\n      ComunTitle: ( params: DefaultLogoInput ) => JSX.Element\n      ComunLogoH: ( params: DefaultLogoInput ) => JSX.Element\n      ComunLogoV: ( params: DefaultLogoInput ) => JSX.Element\n\n      Google: ( params: DefaultLogoInput ) => JSX.Element\n      Facebook: ( params: DefaultLogoInput ) => JSX.Element\n      Twitter: ( params: DefaultLogoInput ) => JSX.Element\n      LINE: ( params: DefaultLogoInput ) => JSX.Element\n    },\n    Images: {\n      mingooIcon: string\n      mingooIconClear: string\n      comunIcon: string\n      comunIconClear: string\n      defaultIcon( type:\n        'image' |\n        'object' |\n        'user' |\n        'group' |\n        'store'\n      ): string\n    }\n  }\n}\n\nconst SVG = {\n  ComunIcon: () => {\n    return <svg viewBox=\"0,0,1200,1200\" className={ LogoClasses( 'ComunIcon' ) }>\n      <g>\n        <path\n          d='\n        M\n        100,600\n        A 500,500 0 0,0 600,1100\n        A 100,100 0 0,0 600,900\n        A 300,300 0 0,1 300,600\n        A 100,100 0 0,0 100,600\n        Z\n        '\n          style={ {\n            opacity: .9,\n            fill: '#16a3ec'\n          } }\n        />\n        <path\n          d='\n        M\n        600,1100\n        A 500,500 0 0,0 1100,600\n        A 100,100 0 0,0 900,600\n        A 300,300 0 0,1 600,900\n        A 100,100 0 1,0 600,1100\n        Z\n        '\n          style={ {\n            opacity: .9,\n            fill: '#ea6093'\n          } }\n        />\n\n        <path\n          d='\n        M\n        600,100\n        A 500,500 0 0,0 100,600\n        A 100,100 0 0,0 300,600\n        A 300,300 0 0,1 600,300\n        A 100,100 0 0,0 600,100\n        Z\n        '\n          style={ {\n            opacity: .9,\n            fill: '#387cfe'\n          } }\n        />\n\n        <path\n          d='\n        M\n        600,100\n        A 100,100 0 0,1 700,200\n        A 300,300 0 0,0 1000,500\n        A 100,100 0 0,1 1100,600\n        A 100,100 0 0,1 1000,700\n        A 500,500 0 0,1 500,200\n        A 100,100 0 0,1 600,100\n        Z\n        '\n          style={ {\n            opacity: .9,\n            fill: '#9a66ff'\n          } }\n        />\n      </g>\n    </svg>\n  },\n  MingooIcon: () => {\n    const CircleSet = ( p: number ) => {\n      return <>\n        <path\n          d='\n            M\n            600,100\n            A 80,80 0 0,1 600,260\n            A 80,80 0 0,1 600,100\n            L600,600\n            L600,300\n            Z\n            '\n          className={ [\n            LogoClasses( 'P' ),\n            LogoClasses( 'P_' + p )\n          ].join( ' ' ) }\n          style={ {\n            fill: '#c56ff0'\n            // fill: '#9a66ff'\n          } }\n        />\n        <path\n          d='\n            M\n            600,300\n            A 45,45 0 0,1 600,390\n            A 45,45 0 0,1 600,300\n            L600,600\n            L600,300\n            Z\n            '\n          className={ [\n            LogoClasses( 'P' ),\n            LogoClasses( 'P_' + p )\n          ].join( ' ' ) }\n          style={ {\n            fill: '#ea6093'\n            // fill: '#ffa500'\n          } }\n        />\n      </>\n    }\n    return <svg viewBox=\"0,0,1200,1200\" className={ LogoClasses( 'MingooIcon' ) }>\n      { CircleSet( 0 ) }\n      { CircleSet( 1 ) }\n      { CircleSet( 2 ) }\n      { CircleSet( 3 ) }\n      { CircleSet( 4 ) }\n      { CircleSet( 5 ) }\n      { CircleSet( 6 ) }\n      { CircleSet( 7 ) }\n      { CircleSet( 8 ) }\n    </svg>\n  }\n}\n\nconst Mingoos = {\n  Icon: ( params: Logo.DefaultLogoInput ) => ( <Logo.Icon\n    { ...params }\n  >\n    <SVG.MingooIcon />\n  </Logo.Icon> ),\n  Title: ( params: Logo.DefaultLogoInput ) => ( <Logo.Title\n    height={ 'auto' }\n    className={ LogoClasses( 'ComunTitle' ) }\n    { ...params }\n    freeCSS={ {\n      letterSpacing: '3px',\n      ...params.freeCSS\n    } }\n  >\n    mingoo\n  </Logo.Title> ),\n  LogoH: ( params: Logo.DefaultLogoInput ) => {\n    let { size,color,...others } = params\n\n    return <Flex\n      gap={ '1/2' }\n      flexCenter\n      { ...others }\n    >\n      <Mingoos.Icon size={ size } color={ color } />\n      <Mingoos.Title size={ size } color={ color } />\n    </Flex>\n  },\n  LogoV: ( params: Logo.DefaultLogoInput ) => {\n    let { size,color,...others } = params\n\n    return <Flex\n      flexType=\"col\"\n      gap={ '1/2' }\n      { ...others }\n    >\n      <Mingoos.Icon\n        margin={ 'auto' }\n        size={ size }\n        color={ color }\n      />\n      <Mingoos.Title\n        size={ size } color={ color }\n      />\n    </Flex>\n  }\n}\nconst Comuns = {\n  Icon: ( params: Logo.DefaultLogoInput ) => ( <Logo.Icon\n    { ...params }\n  >\n    <SVG.ComunIcon />\n  </Logo.Icon> ),\n  Title: ( params: Logo.DefaultLogoInput ) => ( <Logo.Title\n    height={ 'auto' }\n    className={ LogoClasses( 'ComunTitle' ) }\n    { ...params }\n    freeCSS={ {\n      letterSpacing: '3px',\n      ...params.freeCSS\n    } }\n  >\n    comun\n  </Logo.Title> ),\n  LogoH: ( params: Logo.DefaultLogoInput ) => {\n    let { size,color,...others } = params\n\n    return <Flex\n      gap={ '1/2' }\n      flexCenter\n      { ...others }\n    >\n      <Comuns.Icon size={ size } color={ color } />\n      <Comuns.Title size={ size } color={ color } />\n    </Flex>\n  },\n  LogoV: ( params: Logo.DefaultLogoInput ) => {\n    let { size,color,...others } = params\n\n    return <Flex\n      flexType=\"col\"\n      gap={ '1/2' }\n      { ...others }\n    >\n      <Comuns.Icon\n        margin={ 'auto' }\n        size={ size }\n        color={ color }\n      />\n      <Comuns.Title\n        size={ size } color={ color }\n      />\n    </Flex>\n  }\n}\nconst Logo: Logo.Methods = {\n  Icon: ( props: Logo.ComponentInput ) => {\n    let {\n      size = 'R',\n      color = 'normal',\n      className = '',\n      children: Children,\n      ...others\n    } = props\n\n    return <Flex\n      verticalAlign='center'\n      className={ [\n        className,\n        LogoClasses( 'Icon' ),\n        LogoClasses( 'Size_' + size )\n      ].join( ' ' ) }\n      { ...others }\n    >\n      { $$.is.function( Children ) ? <Children /> : Children }\n    </Flex >\n  },\n  Title: ( props: Logo.ComponentInput ) => {\n    let {\n      size = 'R',\n      color = 'normal',\n      className = '',\n      children: Children,\n      ...others\n    } = props\n\n    return <Flex\n      verticalAlign='center'\n      fontColor={ color == 'white' ? 'white' : 'logo' }\n      className={ [\n        className,\n        LogoClasses( 'Title' ),\n        LogoClasses( 'Size_' + size )\n      ].join( ' ' ) }\n      { ...others }\n      freeCSS={ {\n        lineHeight: '1.25',\n        ...others.freeCSS\n      } }\n    >\n      { $$.is.function( Children ) ? <Children /> : Children }\n    </Flex>\n  },\n\n  Brands: {\n    MingooIcon: Mingoos.Icon,\n    MingooTitle: Mingoos.Title,\n    MingooLogoH: Mingoos.LogoH,\n    MingooLogoV: Mingoos.LogoV,\n\n    ComunIcon: Comuns.Icon,\n    ComunTitle: Comuns.Title,\n    ComunLogoH: Comuns.LogoH,\n    ComunLogoV: Comuns.LogoV,\n\n    Google: ( params ) => ( <Logo.Icon\n      { ...params }\n    >\n      <Img\n        src={ publicURI + '@env/@logos/brands/Google_Icon.svg' }\n        alt=''\n      />\n    </Logo.Icon> ),\n    Facebook: ( params ) => ( <Logo.Icon\n      { ...params }\n    >\n      <Img\n        src={ publicURI + '@env/@logos/brands/FaceBook_Icon.svg' }\n        alt=''\n      />\n    </Logo.Icon> ),\n    Twitter: ( params ) => ( <Logo.Icon\n      { ...params }\n    >\n      <Img\n        src={ publicURI + '@env/@logos/brands/Twitter_Icon.svg' }\n        alt=''\n      />\n    </Logo.Icon> ),\n    LINE: ( params ) => ( <Logo.Icon\n      { ...params }\n    >\n      <Img\n        src={ publicURI + '@env/@logos/brands/Line_Icon.svg' }\n        alt=''\n      />\n    </Logo.Icon> ),\n  },\n  Images: {\n    mingooIcon: publicURI + '@env/@logos/mingoo/icon.png',\n    mingooIconClear: publicURI + '@env/@logos/mingoo/iconClear.png',\n    comunIcon: publicURI + '@env/@logos/comun/icon.png',\n    comunIconClear: publicURI + '@env/@logos/comun/iconClear.png',\n    defaultIcon: ( type ) => {\n      return publicURI + '@env/@icon/' + ( type || 'image' ) + '.png'\n    },\n  }\n}\nexport {\n  Logo,\n  Logo as default\n}"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "$$", "Flex", "Img", "LogoClasses", "publicURI", "SVG", "CircleSet", "p", "Mingoos", "params", "Logo", "__spreadProps", "__spreadValues", "_a", "size", "color", "others", "__objRest", "Comuns", "props", "className", "Children", "type"]
+}

package/dist/atoms/P.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration/_';
+declare namespace P {
+    type Input = TagProperty.BasicElement & {
+        children?: ReactElement;
+    } & React.HTMLAttributes<HTMLParagraphElement>;
+}
+declare const P: React.FC<P.Input>;
+export { P, P as default };

package/dist/atoms/P.js

@@ -0,0 +1,2 @@
+import{b as t,d as a}from"../chunk-E3D4DIO4.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as n}from"@utils";const r=p=>{let e=n(p),{freeCSS:l}=e,m=a(e,["freeCSS"]);return o("p",t({},m))};export{r as P,r as default};
+//# sourceMappingURL=P.js.map

package/dist/atoms/P.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/atoms/P.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement\n} from '@declaration'\n\nimport {\n  GenerateClassName\n} from '@utils'\n\nnamespace P {\n  export type Input = TagProperty.BasicElement & {\n    children?: ReactElement\n  } & React.HTMLAttributes<HTMLParagraphElement>\n}\n\nconst P: React.FC<P.Input> = ( params ) => {\n  let {\n    freeCSS,\n    ...Params\n  } = GenerateClassName( params )\n  return <p { ...Params } />\n}\nexport {\n  P,\n  P as default\n}"],
+  "mappings": "gDAoBS,cAAAA,MAAA,oBAfT,OACE,qBAAAC,MACK,SAQP,MAAMC,EAAyBC,GAAY,CACzC,IAGIC,EAAAH,EAAmBE,CAAO,EAF5B,SAAAE,CAjBJ,EAmBMD,EADCE,EAAAC,EACDH,EADC,CADH,YAGF,OAAOJ,EAAC,IAAAQ,EAAA,GAAOF,EAAS,CAC1B",
+  "names": ["jsx", "GenerateClassName", "P", "params", "_a", "freeCSS", "Params", "__objRest", "__spreadValues"]
+}

package/dist/atoms/Placeholder.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import Box from './Box';
+declare namespace Placeholder {
+    type Input = Box.Input & {
+        color?: 'cloud' | 'white';
+    };
+}
+declare const Placeholder: React.FC<Placeholder.Input>;
+export { Placeholder, Placeholder as default };

package/dist/atoms/Placeholder.js

@@ -0,0 +1,2 @@
+import{b as r,c as a,d as t}from"../chunk-E3D4DIO4.js";import{jsx as d}from"react/jsx-runtime";import c from"@atoms/Box";import{PlaceholderClasses as o}from"@styles/componentClasses/_";const s=e=>{let l=e,{color:n="cloud"}=l,p=t(l,["color"]);return d(c,a(r({className:[o("Placeholder"),e.className].join(" "),flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"3.layer.canvas"},p),{children:d(c,{className:[o("Body"),o("Color_"+n)].join(" ")})}))};export{s as Placeholder,s as default};
+//# sourceMappingURL=Placeholder.js.map

package/dist/atoms/Placeholder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/atoms/Placeholder.tsx"],
+  "sourcesContent": ["import Box from '@atoms/Box'\n\nimport { PlaceholderClasses } from '@styles/componentClasses/_'\n\nnamespace Placeholder {\n  export type Input = Box.Input & {\n    color?: 'cloud' | 'white'\n  }\n}\n\nconst Placeholder: React.FC<Placeholder.Input> = ( params ) => {\n  let {\n    color = 'cloud',\n    ...others\n  } = params\n\n  return <Box\n    className={ [\n      PlaceholderClasses( 'Placeholder' ),\n      params.className\n    ].join( ' ' ) }\n    flexCenter\n    position='relative'\n    ssCardBox\n    border='unset'\n    overflow={ 'hidden' }\n    backgroundColor='3.layer.canvas'\n    { ...others }\n  >\n    <Box\n      className={ [\n        PlaceholderClasses( 'Body' ),\n        PlaceholderClasses( 'Color_' + color )\n      ].join( ' ' ) }\n    />\n  </Box>\n}\nexport {\n  Placeholder,\n  Placeholder as default\n}"],
+  "mappings": "uDA6BI,cAAAA,MAAA,oBA7BJ,OAAOC,MAAS,aAEhB,OAAS,sBAAAC,MAA0B,6BAQnC,MAAMC,EAA6CC,GAAY,CAC7D,IAGIC,EAAAD,EAFF,OAAAE,EAAQ,OAZZ,EAcMD,EADCE,EAAAC,EACDH,EADC,CADH,UAIF,OAAOL,EAACC,EAAAQ,EAAAC,EAAA,CACN,UAAY,CACVR,EAAoB,aAAc,EAClCE,EAAO,SACT,EAAE,KAAM,GAAI,EACZ,WAAU,GACV,SAAS,WACT,UAAS,GACT,OAAO,QACP,SAAW,SACX,gBAAgB,kBACXG,GAXC,CAaN,SAAAP,EAACC,EAAA,CACC,UAAY,CACVC,EAAoB,MAAO,EAC3BA,EAAoB,SAAWI,CAAM,CACvC,EAAE,KAAM,GAAI,EACd,GACF,CACF",
+  "names": ["jsx", "Box", "PlaceholderClasses", "Placeholder", "params", "_a", "color", "others", "__objRest", "__spreadProps", "__spreadValues"]
+}

package/dist/atoms/Span.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TagProperty, ReactElement } from '../@declaration/_';
+declare namespace Span {
+    type Input = TagProperty.BasicElement & {
+        children?: ReactElement;
+    } & React.HTMLAttributes<HTMLSpanElement>;
+}
+declare const Span: React.FC<Span.Input>;
+export { Span, Span as default };

package/dist/atoms/Span.js

@@ -0,0 +1,2 @@
+import{b as t,d as a}from"../chunk-E3D4DIO4.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as m}from"@utils";const n=p=>{let e=m(p),{freeCSS:l}=e,r=a(e,["freeCSS"]);return o("span",t({},r))};export{n as Span,n as default};
+//# sourceMappingURL=Span.js.map

package/dist/atoms/Span.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/atoms/Span.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ReactElement\n} from '@declaration'\n\nimport {\n  GenerateClassName\n} from '@utils'\n\nnamespace Span {\n  export type Input = TagProperty.BasicElement & {\n    children?: ReactElement\n  } & React.HTMLAttributes<HTMLSpanElement>\n}\n\nconst Span: React.FC<Span.Input> = ( params ) => {\n  let {\n    freeCSS,\n    ...Params\n  } = GenerateClassName( params )\n  return <span { ...Params } />\n}\nexport {\n  Span,\n  Span as default\n}"],
+  "mappings": "gDAoBS,cAAAA,MAAA,oBAfT,OACE,qBAAAC,MACK,SAQP,MAAMC,EAA+BC,GAAY,CAC/C,IAGIC,EAAAH,EAAmBE,CAAO,EAF5B,SAAAE,CAjBJ,EAmBMD,EADCE,EAAAC,EACDH,EADC,CADH,YAGF,OAAOJ,EAAC,OAAAQ,EAAA,GAAUF,EAAS,CAC7B",
+  "names": ["jsx", "GenerateClassName", "Span", "params", "_a", "freeCSS", "Params", "__objRest", "__spreadValues"]
+}

package/dist/atoms/_.d.ts

@@ -0,0 +1,9 @@
+export * from './Box';
+export * from './FAI';
+export * from './Flex';
+export * from './Grid';
+export * from './Img';
+export * from './Logo';
+export * from './P';
+export * from './Placeholder';
+export * from './Span';

package/dist/atoms/_.js

@@ -0,0 +1,2 @@
+export*from"./Box";export*from"./FAI";export*from"./Flex";export*from"./Grid";export*from"./Img";export*from"./Logo";export*from"./P";export*from"./Placeholder";export*from"./Span";
+//# sourceMappingURL=_.js.map

package/dist/atoms/_.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/atoms/_.tsx"],
+  "sourcesContent": ["export * from './Box';\nexport * from './FAI';\nexport * from './Flex';\nexport * from './Grid';\nexport * from './Img';\nexport * from './Logo';\nexport * from './P';\nexport * from './Placeholder';\nexport * from './Span';"],
+  "mappings": "AAAA,WAAc,QACd,WAAc,QACd,WAAc,SACd,WAAc,SACd,WAAc,QACd,WAAc,SACd,WAAc,MACd,WAAc,gBACd,WAAc",
+  "names": []
+}

package/dist/chunk-E3D4DIO4.js

@@ -0,0 +1,2 @@
+var o=Object.defineProperty,p=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var r=Math.pow,j=(a,c,b)=>c in a?o(a,c,{enumerable:!0,configurable:!0,writable:!0,value:b}):a[c]=b,s=(a,c)=>{for(var b in c||(c={}))k.call(c,b)&&j(a,b,c[b]);if(f)for(var b of f(c))l.call(c,b)&&j(a,b,c[b]);return a},t=(a,c)=>p(a,q(c));var u=(a,c)=>{var b={};for(var d in a)k.call(a,d)&&c.indexOf(d)<0&&(b[d]=a[d]);if(a!=null&&f)for(var d of f(a))c.indexOf(d)<0&&l.call(a,d)&&(b[d]=a[d]);return b};var v=(a,c,b)=>new Promise((d,i)=>{var m=e=>{try{g(b.next(e))}catch(h){i(h)}},n=e=>{try{g(b.throw(e))}catch(h){i(h)}},g=e=>e.done?d(e.value):Promise.resolve(e.value).then(m,n);g((b=b.apply(a,c)).next())});export{r as a,s as b,t as c,u as d,v as e};
+//# sourceMappingURL=chunk-E3D4DIO4.js.map

package/dist/chunk-E3D4DIO4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/fn/Button.d.ts

@@ -0,0 +1,82 @@
+/// <reference types="react" />
+import { TagProperty, ThemeColor, ReactElement } from '../@declaration/_';
+declare namespace Button {
+    type Methods = Seed & {};
+    type Seeds = 'Button' | 'Label' | 'Anchor';
+    type Tones = 'Plain' | 'Link' | 'Normal' | 'Border' | 'Prime' | 'Sub' | 'Clear' | 'FillToBorder' | 'BorderToFill';
+    type Sizes = 'XS' | 'S' | 'R' | 'L';
+    type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'cloud' | 'trans' | 'white' | 'plain';
+    type Seed = {
+        Button: Tone<ButtonInput>;
+        Label: Tone<LabelInput>;
+        Anchor: Tone<AnchorInput>;
+    };
+    type Tone<T> = {
+        Plain: React.FC<T>;
+        Link: React.FC<T>;
+        Normal: Size<T>;
+        Border: Size<T>;
+        Prime: Size<T & Tones.Prime>;
+        Sub: Size<T & Tones.Sub>;
+        Clear: Size<T & Tones.Clear>;
+        FillToBorder: Size<T & Tones.FillToBorder>;
+        BorderToFill: Size<T & Tones.BorderToFill>;
+    };
+    type Size<T> = {
+        XS: React.FC<T>;
+        S: React.FC<T>;
+        R: React.FC<T>;
+        L: React.FC<T>;
+    };
+    namespace Tones {
+        type Plain = {};
+        type Link = {};
+        type Normal = {};
+        type Border = {};
+        type Prime = {
+            color?: Colors | ThemeColor;
+        };
+        type Sub = {
+            color?: Colors | 'layer';
+        };
+        type Clear = {
+            color?: Colors | 'layer';
+        };
+        type FillToBorder = {
+            color?: Colors;
+        };
+        type BorderToFill = {
+            color?: Colors;
+        };
+    }
+    type UniParams = TagProperty.BasicElement & {
+        tabIndex?: number;
+        children?: ReactElement;
+        'aria-label'?: string;
+        isLocked?: boolean;
+        isActive?: boolean;
+        isActiveStyles?: TagProperty.Properties;
+        isActiveClassName?: string;
+    };
+    type delegateClickEventProps = 'auxEnter' | 'enter' | 'space';
+    type ButtonInput = UniParams & {
+        submitOption?: {
+            formName: string;
+            acceptInvalidForm?: boolean;
+            submitDelegationKey?: delegateClickEventProps | delegateClickEventProps[];
+            callback(form: plainObject, ok: boolean): void;
+        };
+    } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+    type LabelInput = UniParams & {
+        htmlFor?: string;
+    } & React.LabelHTMLAttributes<HTMLLabelElement>;
+    type AnchorInput = UniParams & {
+        href?: string;
+        newTab?: boolean;
+        sync?: boolean;
+        download?: any;
+        shiftQueryParams?: boolean;
+    } & React.ButtonHTMLAttributes<HTMLAnchorElement>;
+}
+declare const Button: Button.Methods;
+export { Button, Button as default };

package/dist/fn/Button.js

@@ -0,0 +1,2 @@
+import{b as o,c as i,d as B,e as P}from"../chunk-E3D4DIO4.js";import{jsx as d}from"react/jsx-runtime";import{$$ as g,pageTransit as x,ReadStyleSet as N,collectForm as I,GenerateClassName as E}from"@utils";import{ButtonClasses as c}from"@styles/componentClasses/_";const v={Size:(r,t,n,l)=>{let e={fontSize:"inherit"};return n=n||"R",["Plain","Link"].includes(t)?{}:(n=="XS"?e=i(o({},e),{padding:["1/3","2/3"],fontSize:"0.xs",borderRadius:"3.tone.tertiary"}):n=="S"?e=i(o({},e),{padding:["1/2","3/4"],fontSize:"1.mini",borderRadius:"3.tone.tertiary"}):n=="R"?(e.padding=["3/4",1],t=="Prime"&&(e.padding=["3/4",2])):n=="L"&&(e.padding=[1,3],e.fontSize="3.paragraph",e.isSemiBoldFont=!0),e=o({borderRadius:"2.tone.secondary",transition:"middle",position:"relative",textAlign:"center"},e),e)},Tone:(r,t,n,l)=>{let e={display:"inlineBlock",fontWeight:"inherit",fontColor:"inherit",border:"unset"};return t=="Plain"||(t=="Link"?(e.fontColor="theme",e.textAlign="left",e.backgroundColor="trans"):t=="Normal"?e=i(o({},e),{backgroundColor:"trans"}):t=="Border"?e=i(o({},e),{backgroundColor:"1.layer.base",border:"2.normal",borderStyle:"solid",boxShadow:"0.thin"}):t=="Prime"?(e=i(o({},e),{isSemiBoldFont:!0,fontColor:"white",backgroundColor:l,boxShadow:"0.normal",ssEffectsOnActive:["shrink","push","ripple.white"]}),l=="white"&&(e=i(o({},e),{fontColor:"theme",ssEffectsOnActive:["shrink","push","ripple.cloud"]}))):t=="Sub"?e=i(o({},e),{fontColor:l,ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="Clear"?e=i(o({},e),{fontColor:l,backgroundColor:"trans",ssEffectsOnActive:["shrink","ripple.cloud"]}):t=="FillToBorder"?e=i(o({},e),{boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,fontColor:l,backgroundColor:l}):t=="BorderToFill"&&(e=i(o({},e),{fontColor:l,boxShadow:"0.normal",border:"2.normal",borderWidth:2,borderColor:l,backgroundColor:l})),l=="cloud"&&(e.fontColor="3.blur"),t!="Link"&&(e=o({position:"relative",ssEffectsOnActive:["shrink","push"]},e))),e}},m=r=>{let t=N(o({isLocked:!1,isActive:!1,isActiveStyles:{},isActiveClassName:"",tabIndex:0,className:"",color:"theme","aria-label":g.uuid.gen()},r)),n=t.seed;{let{isLocked:y=!1,isActive:f=!1,isActiveStyles:S={},isActiveClassName:T="",tone:a="border",color:s="theme",className:u=""}=t;t=o(o(o({},v.Size(r.seed,r.tone,r.size,s)),v.Tone(r.seed,r.tone,r.size,s)),t),t.className=[u,c("Wrap"),c("isNeutral_"+!f),c("isLocked_"+y),c("Tone_"+a),c("Color_"+s),c("Tone_"+a+"_Color_"+s)].join(" "),f&&(t=o(o({className:[t.className,T].join(" ")},t),S)),t=E(t)}if(n=="Button"){let l=t,{isLocked:y,isActive:f,isActiveClassName:S,isActiveStyles:T,submitOption:a,onClick:s}=l,u=B(l,["isLocked","isActive","isActiveClassName","isActiveStyles","submitOption","onClick"]);return a&&(a=o({acceptInvalidForm:!1,submitDelegationKey:"auxEnter"},a),u=i(o({},u),{"data-form-submit-button":a.formName,"data-sdfike":g.flatArray(a.submitDelegationKey).join(",")})),d("button",o({onClick:C=>P(void 0,null,function*(){if(s&&s(C),!a)return;let b=yield I(a.formName);!a.acceptInvalidForm&&!b.valid||a.callback(b.data,b.valid)})},u))}else if(n=="Label"){let e=t,{isLocked:y,isActive:f,isActiveClassName:S,isActiveStyles:T}=e,a=B(e,["isLocked","isActive","isActiveClassName","isActiveStyles"]);return d("label",o({},a))}else if(n=="Anchor"){let A=t,{isLocked:y,isActive:f,isActiveClassName:S,isActiveStyles:T,href:a="",newTab:s,sync:u,shiftQueryParams:C}=A,b=B(A,["isLocked","isActive","isActiveClassName","isActiveStyles","href","newTab","sync","shiftQueryParams"]);return d("button",o({onClick:L=>{let z=L.ctrlKey||L.metaKey,R=s||!!z,h=a;C&&(h+=location.search),u?x.pushSync(h):x.push(h,!!R)}},b))}return null},p=(r,t)=>({XS:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),S:n=>d(m,i(o({},n),{seed:r,tone:t,size:"S"})),R:n=>d(m,i(o({},n),{seed:r,tone:t,size:"R"})),L:n=>d(m,i(o({},n),{seed:r,tone:t,size:"L"}))}),k=r=>({Plain:t=>d(m,i(o({},t),{seed:r,tone:"Plain",size:"R"})),Link:t=>d(m,i(o({},t),{seed:r,tone:"Link",size:"R"})),Normal:p(r,"Normal"),Border:p(r,"Border"),Prime:p(r,"Prime"),Sub:p(r,"Sub"),Clear:p(r,"Clear"),FillToBorder:p(r,"FillToBorder"),BorderToFill:p(r,"BorderToFill")}),F={Button:k("Button"),Label:k("Label"),Anchor:k("Anchor")};export{F as Button,F as default};
+//# sourceMappingURL=Button.js.map

package/dist/fn/Button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/fn/Button.tsx"],
+  "sourcesContent": ["import {\n  TagProperty,\n  ThemeColor,\n  ReactElement\n} from '@declaration'\n\nimport {\n  $$,\n  pageTransit,\n  ReadStyleSet,\n  collectForm,\n  GenerateClassName\n} from '@utils'\n\nimport { ButtonClasses } from '@styles/componentClasses/_'\n\nnamespace Button {\n  export type Methods = Seed & {}\n  export type Seeds = 'Button' | 'Label' | 'Anchor'\n  export type Tones = 'Plain' | 'Link' | 'Normal' | 'Border' | 'Prime' | 'Sub' | 'Clear' | 'FillToBorder' | 'BorderToFill'\n  export type Sizes = 'XS' | 'S' | 'R' | 'L'\n  export type Colors = 'theme' | 'posi' | 'nega' | 'warn' | 'cloud' | 'trans' | 'white' | 'plain'\n  export type Seed = {\n    Button: Tone<ButtonInput>\n    Label: Tone<LabelInput>\n    Anchor: Tone<AnchorInput>\n  }\n  export type Tone<T> = {\n    Plain: React.FC<T>\n    Link: React.FC<T>\n\n    Normal: Size<T>\n    Border: Size<T>\n\n    Prime: Size<T & Tones.Prime>\n    Sub: Size<T & Tones.Sub>\n    Clear: Size<T & Tones.Clear>\n    FillToBorder: Size<T & Tones.FillToBorder>\n    BorderToFill: Size<T & Tones.BorderToFill>\n  }\n  export type Size<T> = {\n    XS: React.FC<T>\n    S: React.FC<T>\n    R: React.FC<T>\n    L: React.FC<T>\n  }\n  export namespace Tones {\n    export type Plain = {}\n    export type Link = {}\n    export type Normal = {}\n    export type Border = {}\n    export type Prime = { color?: Colors | ThemeColor }\n    export type Sub = { color?: Colors | 'layer' }\n    export type Clear = { color?: Colors | 'layer' }\n    export type FillToBorder = { color?: Colors }\n    export type BorderToFill = { color?: Colors }\n  }\n  export type UniParams = TagProperty.BasicElement & {\n    tabIndex?: number\n    children?: ReactElement\n    'aria-label'?: string\n    isLocked?: boolean\n    isActive?: boolean\n    isActiveStyles?: TagProperty.Properties\n    isActiveClassName?: string\n  }\n  export type delegateClickEventProps = 'auxEnter' | 'enter' | 'space'\n  export type ButtonInput = UniParams & {\n    submitOption?: {\n      formName: string\n      acceptInvalidForm?: boolean\n      submitDelegationKey?: delegateClickEventProps | delegateClickEventProps[]\n      callback( form: plainObject,ok: boolean ): void\n    }\n  } & React.ButtonHTMLAttributes<HTMLButtonElement>\n  export type LabelInput = UniParams & {\n    htmlFor?: string\n  } & React.LabelHTMLAttributes<HTMLLabelElement>\n  export type AnchorInput = UniParams & {\n    href?: string\n    newTab?: boolean\n    sync?: boolean\n    download?: any\n    shiftQueryParams?: boolean\n  } & React.ButtonHTMLAttributes<HTMLAnchorElement>\n}\n\nconst Styles = {\n  Size: (\n    seed: Button.Seeds,\n    tone: Button.Tones,\n    size: Button.Sizes,\n    color: Button.Colors\n  ) => {\n    let styles: TagProperty.Params = {\n      fontSize: 'inherit'\n    }\n    size = size || 'R'\n    if ( [ 'Plain','Link' ].includes( tone ) ) return {}\n\n    if ( size == 'XS' ) {\n      styles = {\n        ...styles,\n        padding: [ '1/3','2/3' ],\n        fontSize: '0.xs',\n        borderRadius: '3.tone.tertiary'\n      }\n    } else if ( size == 'S' ) {\n      styles = {\n        ...styles,\n        padding: [ '1/2','3/4' ],\n        fontSize: '1.mini',\n        borderRadius: '3.tone.tertiary'\n      }\n    } else if ( size == 'R' ) {\n      styles.padding = [ '3/4',1 ]\n      if ( tone == 'Prime' ) {\n        styles.padding = [ '3/4',2 ]\n      }\n    } else if ( size == 'L' ) {\n      styles.padding = [ 1,3 ]\n      styles.fontSize = '3.paragraph'\n      styles.isSemiBoldFont = true\n    }\n\n    styles = {\n      borderRadius: '2.tone.secondary',\n      transition: 'middle',\n      position: 'relative',\n      textAlign: 'center',\n      ...styles\n    }\n    return styles\n  },\n  Tone: (\n    seed: Button.Seeds,\n    tone: Button.Tones,\n    size: Button.Sizes,\n    color: Button.Colors\n  ) => {\n    let styles: TagProperty.Params = {\n      display: 'inlineBlock',\n      fontWeight: 'inherit',\n      fontColor: 'inherit',\n      border: 'unset'\n    }\n\n    if ( tone == 'Plain' ) return styles\n    if ( tone == 'Link' ) {\n      styles.fontColor = 'theme'\n      styles.textAlign = 'left'\n      styles.backgroundColor = 'trans'\n    } else if ( tone == 'Normal' ) {\n      styles = {\n        ...styles,\n        backgroundColor: 'trans'\n      }\n    } else if ( tone == 'Border' ) {\n      styles = {\n        ...styles,\n        backgroundColor: '1.layer.base',\n        border: '2.normal',\n        borderStyle: 'solid',\n        boxShadow: '0.thin',\n      }\n    } else if ( tone == 'Prime' ) {\n      styles = {\n        ...styles,\n        isSemiBoldFont: true,\n        fontColor: 'white',\n        backgroundColor: color as any,\n        boxShadow: '0.normal',\n        ssEffectsOnActive: [\n          'shrink',\n          'push',\n          'ripple.white'\n        ]\n      }\n      if ( color == 'white' ) {\n        styles = {\n          ...styles,\n          fontColor: 'theme',\n          ssEffectsOnActive: [\n            'shrink',\n            'push',\n            'ripple.cloud'\n          ]\n        }\n      }\n    } else if ( tone == 'Sub' ) {\n      styles = {\n        ...styles,\n        fontColor: color as any,\n        ssEffectsOnActive: [\n          'shrink',\n          'ripple.cloud'\n        ]\n      }\n    } else if ( tone == 'Clear' ) {\n      styles = {\n        ...styles,\n        fontColor: color as any,\n        backgroundColor: 'trans',\n        ssEffectsOnActive: [\n          'shrink',\n          'ripple.cloud'\n        ]\n      }\n    } else if ( tone == 'FillToBorder' ) {\n      styles = {\n        ...styles,\n        boxShadow: '0.normal',\n        border: '2.normal',\n        borderWidth: 2,\n        borderColor: color as any,\n        fontColor: color as any,\n        backgroundColor: color as any,\n      }\n    } else if ( tone == 'BorderToFill' ) {\n      styles = {\n        ...styles,\n        fontColor: color as any,\n        boxShadow: '0.normal',\n        border: '2.normal',\n        borderWidth: 2,\n        borderColor: color as any,\n        backgroundColor: color as any\n      }\n    }\n    if ( color == 'cloud' ) {\n      styles.fontColor = '3.blur'\n    }\n\n    if ( tone != 'Link' ) {\n      styles = {\n        position: 'relative',\n        ssEffectsOnActive: [ 'shrink','push' ],\n        ...styles\n      }\n    }\n    return styles\n  }\n}\n\ntype SeedWrapperInput = Button.ButtonInput & {\n  seed: Button.Seeds\n  tone: Button.Tones\n  size: Button.Sizes\n}\nconst SeedWrapper = ( params: SeedWrapperInput ) => {\n  let Params: SeedWrapperInput = ReadStyleSet( {\n    isLocked: false,\n    isActive: false,\n    isActiveStyles: {},\n    isActiveClassName: '',\n    tabIndex: 0,\n    className: '',\n    color: 'theme',\n    // componentID: $$.uuid.gen(),\n    'aria-label': $$.uuid.gen(),\n    ...params,\n  } )\n  let seed = Params.seed\n  {\n    let {\n      isLocked = false,\n      isActive = false,\n      isActiveStyles = {},\n      isActiveClassName = '',\n      tone = 'border',\n      color = 'theme',\n      className = '',\n    } = Params\n\n    Params = {\n      ...Styles.Size( params.seed,params.tone,params.size,color as Button.Colors ),\n      ...Styles.Tone( params.seed,params.tone,params.size,color as Button.Colors ),\n      ...Params,\n    }\n\n    Params.className = [\n      className,\n      ButtonClasses( 'Wrap' ),\n      ButtonClasses( 'isNeutral_' + !isActive ),\n      ButtonClasses( 'isLocked_' + isLocked ),\n      ButtonClasses( 'Tone_' + tone ),\n      ButtonClasses( 'Color_' + color ),\n      ButtonClasses( 'Tone_' + tone + '_Color_' + color ),\n    ].join( ' ' )\n\n    if ( isActive ) {\n      Params = {\n        className: [\n          Params.className,\n          isActiveClassName\n        ].join( ' ' ),\n        ...Params,\n        ...isActiveStyles\n      }\n    }\n\n    Params = GenerateClassName( Params )\n  }\n\n  if ( seed == 'Button' ) {\n    let {\n      isLocked,isActive,isActiveClassName,isActiveStyles,\n      // componentID,\n      submitOption,\n      onClick,\n      ...Props\n    } = Params as Button.ButtonInput\n\n    if ( submitOption ) {\n      submitOption = {\n        acceptInvalidForm: false,\n        submitDelegationKey: 'auxEnter',\n        ...submitOption\n      }\n      Props = {\n        ...Props,\n        'data-form-submit-button': submitOption.formName,\n        'data-sdfike': $$.flatArray( submitOption.submitDelegationKey ).join( ',' )\n      } as any\n    }\n\n    return <button\n      // data-component-id={ componentID }\n      onClick={ async ( args ) => {\n        if ( onClick ) onClick( args )\n\n        if ( !submitOption ) return\n        let form = await collectForm( submitOption.formName )\n\n        if ( !submitOption.acceptInvalidForm && !form.valid ) return\n        submitOption.callback( form.data,form.valid )\n      } }\n      { ...Props as any }\n    />\n  } else if ( seed == 'Label' ) {\n    let {\n      isLocked,isActive,isActiveClassName,isActiveStyles,\n      // componentID,\n      ...Props\n    } = Params as Button.LabelInput\n\n    return <label { ...Props } />\n  } else if ( seed == 'Anchor' ) {\n    let {\n      isLocked,isActive,isActiveClassName,isActiveStyles,\n      // componentID,\n      href = '',\n      newTab,\n      sync,\n      shiftQueryParams,\n      ...Props\n    } = Params as Button.AnchorInput\n\n    return <button\n      onClick={ ( event ) => {\n        let aux = event.ctrlKey || event.metaKey\n\n        let openNew = newTab || !!aux\n\n        let URL = href\n        if ( shiftQueryParams ) URL += location.search\n\n        if ( sync ) {\n          pageTransit.pushSync( URL )\n        } else {\n          pageTransit.push( URL,!!openNew )\n        }\n      } }\n      { ...Props as any }\n    />\n  }\n  return null\n}\n\nconst SizeBalancer: {\n  ( seed: Button.Seeds,tone: Button.Tones ): Button.Size<any>\n} = ( seed,tone ) => {\n  return {\n    XS: ( params ) => ( <SeedWrapper { ...params } seed={ seed } tone={ tone } size='S' /> ),\n    S: ( params ) => ( <SeedWrapper { ...params } seed={ seed } tone={ tone } size='S' /> ),\n    R: ( params ) => ( <SeedWrapper { ...params } seed={ seed } tone={ tone } size='R' /> ),\n    L: ( params ) => ( <SeedWrapper { ...params } seed={ seed } tone={ tone } size='L' /> ),\n  }\n}\nconst ToneBalancer: {\n  ( seed: Button.Seeds ): Button.Tone<any>\n} = ( seed ) => {\n  return {\n    Plain: ( params ) => ( <SeedWrapper { ...params } seed={ seed } tone={ 'Plain' } size='R' /> ),\n    Link: ( params ) => ( <SeedWrapper { ...params } seed={ seed } tone={ 'Link' } size='R' /> ),\n    Normal: SizeBalancer( seed,'Normal' ),\n    Border: SizeBalancer( seed,'Border' ),\n\n    Prime: SizeBalancer( seed,'Prime' ),\n    Sub: SizeBalancer( seed,'Sub' ),\n    Clear: SizeBalancer( seed,'Clear' ),\n    FillToBorder: SizeBalancer( seed,'FillToBorder' ),\n    BorderToFill: SizeBalancer( seed,'BorderToFill' ),\n  }\n}\nconst Button: Button.Methods = {\n  Button: ToneBalancer( 'Button' ),\n  Label: ToneBalancer( 'Label' ),\n  Anchor: ToneBalancer( 'Anchor' )\n}\n\nexport {\n  Button,\n  Button as default\n}"],
+  "mappings": "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",
+  "names": ["jsx", "$$", "pageTransit", "ReadStyleSet", "collectForm", "GenerateClassName", "ButtonClasses", "Styles", "seed", "tone", "size", "color", "styles", "__spreadProps", "__spreadValues", "SeedWrapper", "params", "Params", "isLocked", "isActive", "isActiveStyles", "isActiveClassName", "className", "_a", "submitOption", "onClick", "Props", "__objRest", "args", "__async", "form", "_b", "_c", "href", "newTab", "sync", "shiftQueryParams", "event", "aux", "openNew", "URL", "SizeBalancer", "ToneBalancer", "Button"]
+}

package/dist/fn/Cropper.d.ts

@@ -0,0 +1,27 @@
+import Input from './Input/_';
+declare namespace Cropper {
+    type Use = 'square' | 'wallpaper.horizontal' | 'wallpaper.vertical';
+    type Input = {
+        use: Use;
+        develops: DevelopParams[];
+        onProcessFinished: {
+            (files: Input.Filer.CustomFile[]): void;
+        };
+    };
+    type DevelopParams = {
+        size: 'S' | 'R' | 'L';
+        maxSize?: number;
+    };
+    type Methods = {
+        open(params: Input): void;
+    };
+    type CoreProps = {
+        val_file: Input.Filer.CustomFile;
+        options: Input;
+        finishedCallback(files: Input.Filer.CustomFile[]): void;
+        abortCallback(): void;
+    };
+}
+declare const Cropper: Cropper.Methods;
+export { Cropper, Cropper as default };
+;

package/dist/fn/Cropper.js

@@ -0,0 +1,2 @@
+import{b as X,c as G,e as P}from"../chunk-E3D4DIO4.js";import{Fragment as j,jsx as h,jsxs as y}from"react/jsx-runtime";import{$$ as b,Config as $,useStore as M}from"@utils";import{useState as k,useEffect as H}from"react";import O from"@atoms/Flex";import D from"@atoms/Box";import B from"@atoms/FAI";import T from"@mols/Column";import V from"@mols/Row";import Y from"@fn/Button";import A from"@fn/Sheet";import z from"@fn/Loader/_";import W from"@fn/Input/_";import{faPalette as K}from"@fortawesome/free-solid-svg-icons/faPalette";import{faBarsStaggered as Z}from"@fortawesome/free-solid-svg-icons/faBarsStaggered";import{faRotateLeft as J}from"@fortawesome/free-solid-svg-icons/faRotateLeft";import{faRotateRight as Q}from"@fortawesome/free-solid-svg-icons/faRotateRight";import{CropperClasses as U}from"@styles/componentClasses/_";class ee{constructor(i){this.set_scale=i.set_scale,this.val_file=i.val_file,this.develops=i.develops,this.use=i.use,this.componentID=i.componentID,this.scale={current:i.scale.default,default:i.scale.default,min:i.scale.min,max:i.scale.max};let e=i.canvas,{width:l,height:t}=e,a=i.picture.image,{width:m,height:s}=a,c=m/s;this.Canvas={elm:e,ctx:e.getContext("2d")};let o=0,r=0;this.use=="square"?(o=e.width/3*2,r=e.height/3*2):this.use=="wallpaper.horizontal"?(o=e.width*(7/9),r=o/3):this.use=="wallpaper.vertical"&&(r=e.height*(7/9),o=r/2);let n=(e.width-o)/2,d=(e.height-r)/2,g=o/r;this.Picture={elm:a,originDataUrl:a.src,aspect:c,revisedAspect:g>c?o/m:r/s,rotate:i.picture.rotate,grayScale:i.picture.grayScale,tone:i.picture.tone},this.pst={frame:{x:n,y:d,w:o,h:r,aspect:g},outImage:{x:0,y:0,w:0,h:0},imageX:m/2,imageY:s/2,centerX:l/2,centerY:t/2},this.dragEffectInfo={origin:{x:0,y:0},frameExpandRate:{x:0,y:0}},this.pinchEffectInfo={origin:{x:0,y:0,scale:this.scale.current}},this.modifyImage()}dragEffect(i){let{eventType:e,x:l,y:t}=i;if(e=="start"){let a=this.Canvas.elm.position();this.dragEffectInfo={origin:{x:l,y:t},frameExpandRate:{x:this.Canvas.elm.width/a.width,y:this.Canvas.elm.height/a.height}}}else{let{origin:a,frameExpandRate:m}=this.dragEffectInfo,s=a.x-l,c=a.y-t,o=this.scale.current*this.Picture.revisedAspect/100,r=s/o*m.x,n=c/o*m.y;e=="move"?this.drawImage(this.pst.imageX+r,this.pst.imageY+n):e=="end"&&this.drawImage(this.pst.imageX+=r,this.pst.imageY+=n)}}pinchEffect(i){let{eventType:e,event:l}=i,{x:t,y:a}=b.getCursor(l.touches[0]),{x:m,y:s}=b.getCursor(l.touches[1]),c=m-t,o=s-a;if(e=="start")this.pinchEffectInfo.origin={x:c,y:o,scale:this.scale.current};else if(e=="move"){let{origin:r}=this.pinchEffectInfo,n=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),g=Math.sqrt(Math.pow(c,2)+Math.pow(o,2))/n,C=Number(r.scale*g);this.set_scale(C)}}updateScale(i){let e=i;e=Math.max(e,this.scale.min),e=Math.min(e,this.scale.max),this.scale.current=e,this.drawImage()}updateFilter(i){this.Picture.grayScale=i.grayScale,this.Picture.tone=i.tone,this.Picture.rotate=i.rotate,this.modifyImage()}modifyImage(){return P(this,null,function*(){let{grayScale:i,tone:e,rotate:l}=this.Picture;const t=document.createElement("canvas");let a=t.getContext("2d"),m=new Image;m.src=this.Picture.originDataUrl;let s=m.width,c=m.height;(l==90||l==270)&&(s=m.height,c=m.width),t.width=s,t.height=c,i&&(a.filter="grayscale("+i+"%)"),l&&(a.translate(s/2,c/2),a.rotate(l*Math.PI/180),[90,270].includes(l)?a.translate(-c/2,-s/2):a.translate(-s/2,-c/2)),a.drawImage(m,0,0,m.width,m.height);let o=a.getImageData(0,0,t.width,t.height),r=o.data;{i/=100;let C=[[255,255,255],[255,200,100],[170,170,255],[240,200,145],[128,255,255],[255,128,255],[255,255,128],[128,158,169],[128,112,162],[50,192,87],[246,100,140]][e],x=C[0]/255,S=C[1]/255,p=C[2]/255;for(let u=0;u<c;u++)for(let v=0;v<s;v++){var n=(u*s+v)*4;if(i){let w=.3*r[n]+.59*r[n+1]+.11*r[n+2];for(var d=0;d<3;d++){let E=r[n+d];r[n+d]=E+(w-E)*i}}r[n]*=x,r[n+1]*=S,r[n+2]*=p}}a.putImageData(o,0,0);let g=t.toDataURL("image/jpeg");{let C=yield b.ImageLoader(g),{width:x,height:S}=C,p=x/S;this.Picture=G(X({},this.Picture),{elm:C,aspect:p,revisedAspect:this.pst.frame.aspect>p?this.pst.frame.w/x:this.pst.frame.h/S})}this.drawImage()})}drawImage(i,e){let{use:l,Canvas:{ctx:t},pst:{frame:a}}=this,m=i||this.pst.imageX,s=e||this.pst.imageY;{let c=this.scale.current/100,o=this.Picture.revisedAspect*c,r=this.pst.centerX-m*o,n=this.pst.centerY-s*o,d=this.Picture.elm.width*o,g=this.Picture.elm.height*o;{let C=this.pst.frame.x+this.pst.frame.w-d,x=this.pst.frame.x,S=this.pst.frame.y+this.pst.frame.h-g,p=this.pst.frame.y,u=0;r<C&&(u=r-C),r>x&&(u=r-x);let v=0;n<S&&(v=n-S),n>p&&(v=n-p),this.dragEffectInfo.origin.x+=u/2/this.dragEffectInfo.frameExpandRate.x,this.dragEffectInfo.origin.y+=v/2/this.dragEffectInfo.frameExpandRate.y,r=Math.min(Math.max(r,C),x),n=Math.min(Math.max(n,S),p)}this.pst.outImage={x:r,y:n,w:d,h:g},t.clearRect(0,0,this.Canvas.elm.width,this.Canvas.elm.height),t.drawImage(this.Picture.elm,0,0,this.Picture.elm.width,this.Picture.elm.height,r,n,d,g)}{l=="square"?(t.fillStyle="rgba( 20,24,20,.3 )",t.beginPath(),t.arc(this.Canvas.elm.width/2,this.Canvas.elm.height/2,this.Canvas.elm.width,0,Math.PI*2,!0),t.arc(this.Canvas.elm.width/2,this.Canvas.elm.height/2,this.Canvas.elm.width/3*2/2,0,Math.PI*2,!1),t.closePath(),t.fill()):(l=="wallpaper.horizontal"||l=="wallpaper.vertical")&&(t.fillStyle="rgba( 20,24,20,.3 )"),t.beginPath(),t.moveTo(0,0),t.lineTo(this.Canvas.elm.width,0),t.lineTo(this.Canvas.elm.width,this.Canvas.elm.height),t.lineTo(0,this.Canvas.elm.height),t.lineTo(0,0),t.closePath(),t.lineTo(a.x,a.y),t.lineTo(a.x,a.y+a.h),t.lineTo(a.x+a.w,a.y+a.h),t.lineTo(a.x+a.w,a.y),t.lineTo(a.x,a.y),t.fill();let o=b(document.body).getStyleProperty("--color-theme-hsl");t.lineWidth=this.Canvas.elm.width/200,t.strokeStyle=`hsla( ${o},1 )`,t.strokeRect(a.x,a.y,a.w,a.h)}}export(){return P(this,null,function*(){let{develops:i,Picture:e,pst:{outImage:l,frame:t}}=this,a=l.w/e.elm.width,m=l.h/e.elm.height,s=(t.x-l.x)/a,c=(t.x-l.x+t.w)/a,o=(t.y-l.y)/m,r=(t.y-l.y+t.h)/m,n=Array.from({length:i.length}),d="image/jpeg";for(let g=0;g<i.length;g++){let{size:C,maxSize:x}=i[g];x=x||{S:1024*20,R:1024*100,L:1024*350}[C];let S={S:144,R:576,L:1152}[C],p=S;this.use=="wallpaper.horizontal"?p=S/3*2:this.use=="wallpaper.vertical"&&(p=S*2);let u=document.createElement("canvas");u.width=S,u.height=p;let v=u.getContext("2d");if(!v)return;v.clearRect(0,0,S,p),v.drawImage(this.Picture.elm,s,o,c-s,r-o,0,0,S,p);let w=u.toDataURL(d),E=yield w.toBlob(d);if(!E)return;if(E.size>=x){let F=x/E.size;if(w=u.toDataURL(d,F*.92),E=yield w.toBlob(d),!E)return}let L=new File([E],this.val_file.name,{type:d});n[g]=L}return n})}}const q={Core:f=>{let{val_file:i,options:e,finishedCallback:l,abortCallback:t}=f,{use:a,develops:m=[]}=e,[s]=k(b.uuid.gen(32));const c={scale:{default:125,min:100,max:300},rotate:0,grayScale:0,tone:0};let[o,r]=k(c.scale.default),[n,d]=k(c.rotate),[g,C]=k(c.grayScale),[x,S]=k(c.tone);return H(()=>{M.set({key:s,value:{}}),P(void 0,null,function*(){z.fn.corner.active();let{target:p}=yield i.read();if(!p)return;let u=p.result,v=b($.get().appRoot).find("#Canvas-"+s)[0];if(!v)return;let w=new ee({set_scale:r,val_file:i,develops:m,use:a,scale:c.scale,componentID:s,canvas:v,picture:{image:yield b.ImageLoader(u),grayScale:c.grayScale,tone:c.tone,rotate:c.rotate}});M.set({key:s,value:{Instance:w}});const E=function(I){if(I.preventDefault(),I.touches&&I.touches.length>1)w.pinchEffect({eventType:"start",event:I}),b(document).addEvent({eventType:"touchmove",eventID:"CropperEffectMove",option:{passive:!1},callback:R=>{R.preventDefault(),w.pinchEffect({eventType:"move",event:R})}}).addEvent({eventType:"touchend",eventID:"CropperEffectEnd",option:{passive:!1},callback:F});else{w.dragEffect(X({eventType:"start"},b.getCursor(I)));let{type:R}=I;b(document).addEvent({eventType:R=="touchstart"?"touchmove":"mousemove",eventID:"CropperEffectMove",option:{passive:!1},callback:_=>{L("move",_)}}).addEvent({eventType:R=="touchstart"?"touchend":"mouseup",eventID:"CropperEffectEnd",option:{passive:!1},callback:_=>{L("end",_),F(_)}})}},L=function(I,R){R.preventDefault(),w.dragEffect(X({eventType:I},b.getCursor(R)))},F=function(I){I.preventDefault(),b(document).removeEvent(["CropperEffectMove","CropperEffectEnd"])};b(v).removeEvent(["CropperMouseWheel","CropperTouchStart","CropperMouseDown"]).addEvent({eventID:"CropperMouseWheel",eventType:"wheel",callback:I=>{I.preventDefault();let R=Number(I.wheelDelta*.04),_=w.scale.current+R;_=Math.max(_,w.scale.min),_=Math.min(_,w.scale.max),r(_)},option:{passive:!1}}).addEvent({eventType:"touchstart",eventID:"CropperTouchStart",callback:E,option:{passive:!1}}).addEvent({eventType:"mousedown",eventID:"CropperMouseDown",callback:E,option:{passive:!1}}),setTimeout(()=>{z.fn.corner.stop()},1e3)})},[i.id]),H(()=>{var u;let p=(u=M.get(s))==null?void 0:u.Instance;p&&p.updateScale(o)},[o]),H(()=>{var u;let p=(u=M.get(s))==null?void 0:u.Instance;p&&p.updateFilter({grayScale:g,tone:x,rotate:n})},[g,x,n]),h(A.Comps.Body,{children:y(O,{className:[U("Wrap"),U("Use_"+a)].join(" "),flexWrap:!1,position:"relative",overflow:"hidden",borderRadius:"inherit",boxShadow:"3.remark",UnderBreakPointStyles:{flexType:"col"},children:[h(D,{flexGrid:3,UnderBreakPointStyles:{width:1,padding:2},children:h(D,{overflow:"hidden",position:"relative",backgroundColor:"4.layer.darken",freeCSS:{zIndex:1},UnderBreakPointStyles:{borderRadius:"1.tone.primary"},children:h("canvas",{width:"2400",height:a=="wallpaper.horizontal"?"1800":a=="wallpaper.vertical"?"3200":"2400",className:U("Canvas"),id:"Canvas-"+s})})}),y(T,{gap:0,flexGrid:2,boxShadow:"3.remark",UnderBreakPointStyles:{width:1,maxWidth:"unset"},freeCSS:{maxWidth:12*28},children:[y(T,{gap:1,flexSizing:0,overflow:"auto",padding:1.5,UnderBreakPointStyles:{flexSizing:"none"},children:[h(D,{flexSizing:"none",fontSize:"4.thirdTitle",isSemiBoldFont:!0,children:"\u30D5\u30A3\u30EB\u30BF\u30FC"}),h(q.SettingRegion,{DefaultOptions:c,val_scale:o,set_scale:r,val_tone:x,set_tone:S,val_grayScale:g,set_grayScale:C,val_rotate:n,set_rotate:d})]}),y(O,{padding:1.5,flexSizing:"none",gap:1,borderTop:!0,children:[h(Y.Button.Border.R,{flexGrid:1,onClick:()=>{t()},children:"\u30AD\u30E3\u30F3\u30BB\u30EB"}),h(Y.Button.Prime.R,{flexGrid:2,onClick:()=>P(void 0,null,function*(){var v;let p=(v=M.get(s))==null?void 0:v.Instance;if(!p)return;z.fn.mini.active("CropperExportation");let u=yield p.export();setTimeout(()=>{z.fn.mini.stop("CropperExportation"),l(u)},3e3)}),children:y(V.Center,{gap:"1/2",children:[h(z.White.R,{loaderID:"CropperExportation"}),"\u6C7A\u5B9A"]})})]})]})]})})},SettingRegion:f=>{let i=[];for(let e=1;e<=10;e++)i.push({value:e,label:y(j,{children:[h(D,{className:[U("ToneBall"),U("ToneBall_"+e)].join(" ")}),h(D,{textAlign:"center",flexSizing:"auto",children:["","\u6696\u8272","\u5BD2\u8272","\u30BB\u30D4\u30A2","\u30B7\u30A2\u30F3","\u30DE\u30BC\u30F3\u30BF","\u30A4\u30A8\u30ED\u30FC","\u30AA\u30EA\u30B8\u30CA\u30EB1","\u30AA\u30EA\u30B8\u30CA\u30EB2","\u30AA\u30EA\u30B8\u30CA\u30EB3","\u30AA\u30EA\u30B8\u30CA\u30EB4"][e]})]})});return y(j,{children:[y(T,{gap:"1/3",children:[y(D,{children:[h(B.Rotate,{fontSize:"3.paragraph",fontColor:"4.thin"})," Rotate"]}),y(V.Separate,{flexChilds:"even",paddingLeft:2,children:[y(Y.Button.Border.S,{onClick:()=>{let e=f.val_rotate-90;e<0&&(e+=360),f.set_rotate(e)},children:[h(B,{icon:J})," \u5DE6\u306B\u56DE\u8EE2"]}),y(Y.Button.Border.S,{onClick:()=>{f.set_rotate((f.val_rotate+90)%360)},children:["\u53F3\u306B\u56DE\u8EE2 ",h(B,{icon:Q})]})]})]}),y(T,{gap:"1/3",children:[y(D,{children:[h(B.Search,{fontSize:"3.paragraph",fontColor:"4.thin"})," Zoom"]}),h(D,{paddingLeft:2,children:h(W.Slider,{override:"force",value:f.val_scale-100,min:f.DefaultOptions.scale.min-100,max:f.DefaultOptions.scale.max-100,step:25,onUpdateValidValue:({eventType:e,value:l})=>{b.interval.clear("Cropper.UpdateScale"),b.interval.standBy("Cropper.UpdateScale",400,()=>{f.set_scale(l+100)})},legends:{enable:!0,custom:e=>"x"+Math.round(100+e)/100}})})]}),y(T,{gap:"1/3",children:[y(D,{children:[h(B,{icon:K,fontSize:"3.paragraph",fontColor:"4.thin"})," Gray Scale"]}),h(D,{paddingLeft:2,children:h(W.Slider,{value:f.val_grayScale,min:0,max:100,step:10,onUpdateValidValue:({value:e})=>{b.interval.clear("Cropper.GrayScale"),b.interval.standBy("Cropper.GrayScale",400,()=>{f.set_grayScale(e)})},legends:{enable:!0,custom:e=>e+"%"}})})]}),y(T,{gap:"1/3",children:[y(D,{children:[h(B,{icon:Z,fontSize:"3.paragraph",fontColor:"4.thin"})," Tone"]}),h(D,{paddingLeft:2,children:h(W.Radio,{value:f.val_tone,gap:"1/2",cellStyles:{isRounded:!0,borderWidth:2,borderColor:"1.thin",padding:"1/2",paddingRight:1,fontSize:"1.mini",gap:"1/3",flexSizing:"auto"},options:[{value:0,label:"\u306A\u3057",padding:["1/2",1],flexCenter:!0},...i],onUpdateValidValue:({value:e})=>{f.set_tone(e[0])}})})]})]})}},N={open:f=>P(void 0,null,function*(){let i=yield W.Filer.fn.openDialog({accept:"image",multiple:!1}),e="CropperImage";A.open({sheetID:e,type:"normal.middleCenter",size:"3L",freeCSS:{width:f.use=="wallpaper.horizontal"?12*100:12*80},content:h(q.Core,{val_file:i[0],options:f,finishedCallback:l=>{A.close(e),f.onProcessFinished(l)},abortCallback:()=>{A.close(e)}}),close_option:{escapeKeyDown:!1}})})};export{N as Cropper,N as default};
+//# sourceMappingURL=Cropper.js.map

package/dist/fn/Cropper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/fn/Cropper.tsx"],
+  "sourcesContent": ["import {\n  $$,\n  Config,\n  useStore\n} from '@utils'\nimport {\n  useState,\n  useEffect\n} from 'react'\n\nimport Flex from '@atoms/Flex'\nimport Box from '@atoms/Box'\nimport FAI from '@atoms/FAI'\nimport Column from '@mols/Column'\nimport Row from '@mols/Row'\nimport Button from '@fn/Button'\nimport Sheet from '@fn/Sheet'\nimport Loader from '@fn/Loader/_'\nimport Input from '@fn/Input/_'\n\nimport { faPalette } from '@fortawesome/free-solid-svg-icons/faPalette'\nimport { faBarsStaggered } from '@fortawesome/free-solid-svg-icons/faBarsStaggered'\nimport { faRotateLeft } from '@fortawesome/free-solid-svg-icons/faRotateLeft'\nimport { faRotateRight } from '@fortawesome/free-solid-svg-icons/faRotateRight'\n\nimport { CropperClasses } from '@styles/componentClasses/_'\n\nnamespace Cropper {\n  export type Use = 'square' | 'wallpaper.horizontal' | 'wallpaper.vertical'\n  export type Input = {\n    use: Use\n    develops: DevelopParams[]\n    onProcessFinished: {\n      ( files: Input.Filer.CustomFile[] ): void\n    }\n  }\n  export type DevelopParams = {\n    size: 'S' | 'R' | 'L'\n    maxSize?: number\n  }\n  export type Methods = {\n    open( params: Input ): void\n  }\n  export type CoreProps = {\n    val_file: Input.Filer.CustomFile\n    options: Input\n    finishedCallback( files: Input.Filer.CustomFile[] ): void\n    abortCallback(): void\n  }\n}\nclass Picture {\n  set_scale: React.Dispatch<React.SetStateAction<number>>\n  val_file: File\n  develops: Cropper.DevelopParams[]\n\n  use: Cropper.Use\n  componentID: string\n  Canvas: {\n    elm: HTMLCanvasElement\n    ctx: CanvasRenderingContext2D\n  }\n  Picture: {\n    elm: HTMLImageElement\n    aspect: number\n    originDataUrl: string\n    revisedAspect: number\n    rotate: number\n    grayScale: number\n    tone: number\n  }\n  scale: {\n    current: number\n    default: number\n    min: number,max: number\n  }\n  pst: {\n    frame: {\n      x: number,y: number,w: number,h: number,aspect: number\n    }\n    outImage: {\n      x: number,y: number,w: number,h: number\n    }\n    imageX: number,imageY: number\n    centerX: number,centerY: number\n  }\n\n  dragEffectInfo: {\n    origin: { x: number,y: number }\n    frameExpandRate: { x: number,y: number }\n  }\n  pinchEffectInfo: {\n    origin: {\n      x: number,\n      y: number,\n      scale: number\n    }\n  }\n\n  constructor( params: {\n    set_scale: React.Dispatch<React.SetStateAction<number>>\n    val_file: File\n    develops: Cropper.DevelopParams[]\n    scale: {\n      default: number\n      min: number\n      max: number\n    }\n    picture: {\n      image: HTMLImageElement\n      grayScale: number\n      tone: number\n      rotate: number\n    }\n    use: Cropper.Use\n    componentID: string\n    canvas: HTMLCanvasElement\n  } ) {\n    this.set_scale = params.set_scale\n    this.val_file = params.val_file\n    this.develops = params.develops\n\n    this.use = params.use\n    this.componentID = params.componentID\n\n    this.scale = {\n      current: params.scale.default,\n      default: params.scale.default,\n      min: params.scale.min,\n      max: params.scale.max\n    }\n\n    let Canvas = params.canvas\n    let {\n      width: cvsW,\n      height: cvsH\n    } = Canvas\n\n    let Picture = params.picture.image\n    let {\n      width: pictW,\n      height: pictH\n    } = Picture\n    let pictAsp = pictW / pictH\n\n    this.Canvas = {\n      elm: Canvas,\n      ctx: Canvas.getContext( '2d' )!\n    }\n\n    let frameW = 0,frameH = 0\n    if ( this.use == 'square' ) {\n      frameW = Canvas.width / 3 * 2\n      frameH = Canvas.height / 3 * 2\n    } else if ( this.use == 'wallpaper.horizontal' ) {\n      frameW = Canvas.width * ( 7 / 9 )\n      frameH = frameW / 3\n    } else if ( this.use == 'wallpaper.vertical' ) {\n      frameH = Canvas.height * ( 7 / 9 )\n      frameW = frameH / 2\n    }\n\n    let frameX = ( Canvas.width - frameW ) / 2\n    let frameY = ( Canvas.height - frameH ) / 2\n    let frameAsp = frameW / frameH\n\n    this.Picture = {\n      elm: Picture,\n      originDataUrl: Picture.src,\n      aspect: pictAsp,\n      revisedAspect: frameAsp > pictAsp\n        ? frameW / pictW\n        : frameH / pictH,\n      rotate: params.picture.rotate,\n      grayScale: params.picture.grayScale,\n      tone: params.picture.tone\n    }\n\n    this.pst = {\n      frame: {\n        x: frameX,\n        y: frameY,\n        w: frameW,\n        h: frameH,\n        aspect: frameAsp,\n      },\n      outImage: { x: 0,y: 0,w: 0,h: 0 },\n      imageX: pictW / 2,\n      imageY: pictH / 2,\n      centerX: cvsW / 2,\n      centerY: cvsH / 2\n    }\n\n\n    this.dragEffectInfo = {\n      origin: { x: 0,y: 0 },\n      frameExpandRate: { x: 0,y: 0 }\n    }\n    this.pinchEffectInfo = {\n      origin: {\n        x: 0,y: 0,\n        scale: this.scale.current\n      }\n    }\n    this.modifyImage()\n  }\n  dragEffect( params: {\n    eventType: 'start' | 'move' | 'end'\n    x: number\n    y: number\n  } ) {\n    let {\n      eventType,x,y\n    } = params\n\n    if ( eventType == 'start' ) {\n      let CanvasRect = this.Canvas.elm.position()\n      this.dragEffectInfo = {\n        origin: { x,y },\n        frameExpandRate: {\n          x: this.Canvas.elm.width / CanvasRect.width,\n          y: this.Canvas.elm.height / CanvasRect.height\n        }\n      }\n    } else {\n      let {\n        origin,\n        frameExpandRate\n      } = this.dragEffectInfo\n      let dragX = origin.x - x\n      let dragY = origin.y - y\n\n      let scale = this.scale.current * this.Picture.revisedAspect / 100\n\n      let shiftX = dragX / scale * frameExpandRate.x\n      let shiftY = dragY / scale * frameExpandRate.y\n\n      if ( eventType == 'move' ) {\n        this.drawImage(\n          this.pst.imageX + shiftX,\n          this.pst.imageY + shiftY,\n        )\n      } else if ( eventType == 'end' ) {\n        this.drawImage(\n          this.pst.imageX += shiftX,\n          this.pst.imageY += shiftY\n        )\n      }\n    }\n  }\n  pinchEffect( params: {\n    eventType: 'start' | 'move'\n    event: any\n  } ) {\n    let {\n      eventType,\n      event\n    } = params\n    let { x: x1,y: y1 } = $$.getCursor( event.touches[ 0 ] )\n    let { x: x2,y: y2 } = $$.getCursor( event.touches[ 1 ] )\n\n    let marginX = x2 - x1\n    let marginY = y2 - y1\n    if ( eventType == 'start' ) {\n\n      this.pinchEffectInfo.origin = {\n        x: marginX,y: marginY,\n        scale: this.scale.current\n      }\n    } else if ( eventType == 'move' ) {\n      let {\n        origin\n      } = this.pinchEffectInfo\n\n      let originDist = Math.sqrt( Math.pow( origin.x,2 ) + Math.pow( origin.y,2 ) )\n      let dist = Math.sqrt( Math.pow( marginX,2 ) + Math.pow( marginY,2 ) )\n      let margin = dist / originDist\n\n      let scale = Number( origin.scale * margin )\n      this.set_scale( scale )\n    }\n  }\n\n  updateScale( scale: number ) {\n    let nextValue = scale\n    nextValue = Math.max( nextValue,this.scale.min )\n    nextValue = Math.min( nextValue,this.scale.max )\n\n    this.scale.current = nextValue\n    this.drawImage()\n  }\n  updateFilter( params: {\n    grayScale: number\n    tone: number\n    rotate: number\n  } ) {\n    this.Picture.grayScale = params.grayScale\n    this.Picture.tone = params.tone\n    this.Picture.rotate = params.rotate\n    this.modifyImage()\n  }\n  async modifyImage() {\n    let {\n      grayScale,\n      tone,\n      rotate\n    } = this.Picture\n\n    const canvas = document.createElement( 'canvas' )\n    let ctx = canvas.getContext( '2d' )!\n    let image = new Image()\n    image.src = this.Picture.originDataUrl\n    let ImageW = image.width\n    let ImageH = image.height\n\n    if ( rotate == 90 || rotate == 270 ) {\n      ImageW = image.height\n      ImageH = image.width\n    }\n\n    canvas.width = ImageW\n    canvas.height = ImageH\n\n    if ( grayScale ) ctx.filter = 'grayscale(' + grayScale + '%)'\n\n    if ( rotate ) {\n      ctx.translate( ImageW / 2,ImageH / 2 )\n      ctx.rotate( rotate * Math.PI / 180 )\n      if ( [ 90,270 ].includes( rotate ) ) {\n        ctx.translate( -ImageH / 2,-ImageW / 2 )\n      } else {\n        ctx.translate( -ImageW / 2,-ImageH / 2 )\n      }\n    }\n\n    ctx.drawImage( image,0,0,image.width,image.height )\n    let newImage = ctx.getImageData( 0,0,canvas.width,canvas.height )\n    let imgData = newImage.data\n\n    {\n      grayScale /= 100\n\n      let ColorDir = [\n        [ 255,255,255 ], // Original\n        [ 255,200,100 ], // Warm\n        [ 170,170,255 ], // Cold\n        [ 240,200,145 ], // Sepia\n        [ 128,255,255 ], // Cyan\n        [ 255,128,255 ], // Magenta\n        [ 255,255,128 ], // Yellow\n        [ 128,158,169 ], // Origin1\n        [ 128,112,162 ], // Origin2\n        [ 50,192,87 ], // Origin3\n        [ 246,100,140 ], // Origin4\n      ][ tone ]\n      let rCorrect = ColorDir[ 0 ] / 255\n      let gCorrect = ColorDir[ 1 ] / 255\n      let bCorrect = ColorDir[ 2 ] / 255\n\n      for ( let iH = 0; iH < ImageH; iH++ ) {\n        for ( let iW = 0; iW < ImageW; iW++ ) {\n          var Index = ( iH * ImageW + iW ) * 4\n\n          if ( grayScale ) {\n            let terminal = 0.3 * imgData[ Index ] + 0.59 * imgData[ Index + 1 ] + 0.11 * imgData[ Index + 2 ]\n            for ( var k = 0; k < 3; k++ ) {\n              let current = imgData[ Index + k ]\n              imgData[ Index + k ] = current + ( terminal - current ) * grayScale\n            }\n          }\n\n          imgData[ Index ] *= rCorrect\n          imgData[ Index + 1 ] *= gCorrect\n          imgData[ Index + 2 ] *= bCorrect\n        }\n      }\n    }\n\n    ctx.putImageData( newImage,0,0 )\n\n    let newDataUrl = canvas.toDataURL( 'image/jpeg' )\n\n    {\n      let Picture = await $$.ImageLoader( newDataUrl )\n      let {\n        width: pictW,\n        height: pictH\n      } = Picture\n      let pictAsp = pictW / pictH\n\n      this.Picture = {\n        ...this.Picture,\n        elm: Picture,\n        aspect: pictAsp,\n        revisedAspect: this.pst.frame.aspect > pictAsp\n          ? this.pst.frame.w / pictW\n          : this.pst.frame.h / pictH\n      }\n      // this.pst.imageX = pictW / 2\n      // this.pst.imageY = pictH / 2\n    }\n\n    this.drawImage()\n  }\n  drawImage( _imageX?: number,_imageY?: number ) {\n    let {\n      use,\n      Canvas: {\n        ctx\n      },\n      pst: {\n        frame\n      }\n    } = this\n\n    let ImageX = _imageX || this.pst.imageX\n    let ImageY = _imageY || this.pst.imageY\n\n    {\n      let scale = this.scale.current / 100\n\n      let totalScale = this.Picture.revisedAspect * scale\n\n      let imgX = this.pst.centerX - ImageX * totalScale\n      let imgY = this.pst.centerY - ImageY * totalScale\n      let imgW = this.Picture.elm.width * totalScale\n      let imgH = this.Picture.elm.height * totalScale\n\n      {\n        let minX = this.pst.frame.x + this.pst.frame.w - imgW\n        let maxX = this.pst.frame.x\n        let minY = this.pst.frame.y + this.pst.frame.h - imgH\n        let maxY = this.pst.frame.y\n\n        let extraX = 0\n        if ( imgX < minX ) extraX = imgX - minX\n        if ( imgX > maxX ) extraX = imgX - maxX\n\n        let extraY = 0\n        if ( imgY < minY ) extraY = imgY - minY\n        if ( imgY > maxY ) extraY = imgY - maxY\n\n        this.dragEffectInfo.origin.x += extraX / 2 / this.dragEffectInfo.frameExpandRate.x\n        this.dragEffectInfo.origin.y += extraY / 2 / this.dragEffectInfo.frameExpandRate.y\n\n        imgX = Math.min( Math.max( imgX,minX ),maxX )\n        imgY = Math.min( Math.max( imgY,minY ),maxY )\n      }\n\n      this.pst.outImage = {\n        x: imgX,y: imgY,\n        w: imgW,h: imgH\n      }\n\n      ctx.clearRect(\n        0,\n        0,\n        this.Canvas.elm.width,\n        this.Canvas.elm.height\n      )\n\n      ctx.drawImage(\n        this.Picture.elm,\n        0,0,this.Picture.elm.width,this.Picture.elm.height,\n\n        imgX,\n        imgY,\n        imgW,\n        imgH\n      )\n    }\n\n    {\n      if ( use == 'square' ) {\n        ctx.fillStyle = 'rgba( 20,24,20,.3 )'\n        ctx.beginPath()\n        ctx.arc( this.Canvas.elm.width / 2,this.Canvas.elm.height / 2,this.Canvas.elm.width,0,Math.PI * 2,true )\n        ctx.arc( this.Canvas.elm.width / 2,this.Canvas.elm.height / 2,this.Canvas.elm.width / 3 * 2 / 2,0,Math.PI * 2,false )\n        ctx.closePath()\n        ctx.fill()\n      } else if ( use == 'wallpaper.horizontal' ) {\n        ctx.fillStyle = 'rgba( 20,24,20,.3 )'\n      } else if ( use == 'wallpaper.vertical' ) {\n        ctx.fillStyle = 'rgba( 20,24,20,.3 )'\n      }\n\n      ctx.beginPath()\n      ctx.moveTo( 0,0 )\n      ctx.lineTo( this.Canvas.elm.width,0 )\n      ctx.lineTo( this.Canvas.elm.width,this.Canvas.elm.height )\n      ctx.lineTo( 0,this.Canvas.elm.height )\n      ctx.lineTo( 0,0 )\n      ctx.closePath()\n\n      ctx.lineTo( frame.x,frame.y )\n      ctx.lineTo( frame.x,frame.y + frame.h )\n      ctx.lineTo( frame.x + frame.w,frame.y + frame.h )\n      ctx.lineTo( frame.x + frame.w,frame.y )\n      ctx.lineTo( frame.x,frame.y )\n      ctx.fill()\n\n      let body = $$( document.body )\n      let themeColorHSL = body.getStyleProperty( '--color-theme-hsl' )\n      ctx.lineWidth = this.Canvas.elm.width / 200\n      ctx.strokeStyle = `hsla( ${ themeColorHSL },1 )`\n      ctx.strokeRect( frame.x,frame.y,frame.w,frame.h )\n    }\n  }\n  async export() {\n    let {\n      develops,\n      Picture,\n      pst: {\n        outImage,\n        frame\n      }\n    } = this\n\n    let ratioX = outImage.w / Picture.elm.width\n    let ratioY = outImage.h / Picture.elm.height\n\n    let Left = ( frame.x - outImage.x ) / ratioX\n    let Right = ( frame.x - outImage.x + frame.w ) / ratioX\n\n    let Top = ( frame.y - outImage.y ) / ratioY\n    let Bottom = ( frame.y - outImage.y + frame.h ) / ratioY\n\n    let Files: any = Array.from( { length: develops.length } )\n\n    let MimeType = 'image/jpeg'\n\n    for ( let index = 0; index < develops.length; index++ ) {\n      let {\n        size,maxSize\n      } = develops[ index ]\n\n      maxSize = maxSize || {\n        S: 1024 * 20,\n        R: 1024 * 100,\n        L: 1024 * 350\n      }[ size ]\n\n      let width = {\n        S: 144,\n        R: 576,\n        L: 1152\n      }[ size ]\n\n      let height = width;\n      if ( this.use == 'wallpaper.horizontal' ) {\n        height = width / 3 * 2\n      } else if ( this.use == 'wallpaper.vertical' ) {\n        height = width * 2\n      }\n\n      let Preview = document.createElement( 'canvas' )\n      Preview.width = width\n      Preview.height = height\n\n      let previewCtx = Preview.getContext( '2d' )\n      if ( !previewCtx ) return\n\n      previewCtx.clearRect( 0,0,width,height )\n      previewCtx.drawImage(\n        this.Picture.elm,\n        Left,\n        Top,\n        Right - Left,\n        Bottom - Top,\n        0,0,\n        width,\n        height\n      )\n\n      let dataUrl = Preview.toDataURL( MimeType )\n      let blob = await dataUrl.toBlob( MimeType )\n      if ( !blob ) return\n\n      if ( blob.size >= maxSize ) {\n        let Ratio = maxSize / blob.size\n        dataUrl = Preview.toDataURL( MimeType,Ratio * 0.92 )\n        blob = await dataUrl.toBlob( MimeType )\n        if ( !blob ) return\n      }\n\n      let file = new File( [ blob ],this.val_file.name,{ type: MimeType } )\n\n      Files[ index ] = file\n    }\n\n    return Files\n  }\n}\n\nconst Comps: {\n  Core: React.FC<Cropper.CoreProps>\n  SettingRegion: React.FC<{\n    DefaultOptions: plainObject\n    val_scale: number\n    set_scale: React.Dispatch<React.SetStateAction<number>>\n    val_tone: number\n    set_tone: React.Dispatch<React.SetStateAction<number>>\n    val_grayScale: number\n    set_grayScale: React.Dispatch<React.SetStateAction<number>>\n    val_rotate: number\n    set_rotate: React.Dispatch<React.SetStateAction<number>>\n  }>\n} = {\n  Core: ( params ) => {\n    let {\n      val_file,\n      options,\n      finishedCallback,\n      abortCallback,\n    } = params\n    let {\n      use,\n      develops = []\n    } = options\n\n    let [ val_componentID ] = useState( $$.uuid.gen( 32 ) )\n\n    const DefaultOptions = {\n      scale: {\n        default: 125,\n        min: 100,\n        max: 300\n      },\n      rotate: 0,\n      grayScale: 0,\n      tone: 0\n    }\n\n    let [ val_scale,set_scale ] = useState( DefaultOptions.scale.default )\n    let [ val_rotate,set_rotate ] = useState( DefaultOptions.rotate )\n    let [ val_grayScale,set_grayScale ] = useState( DefaultOptions.grayScale )\n    let [ val_tone,set_tone ] = useState( DefaultOptions.tone )\n\n    useEffect( () => {\n      useStore.set( {\n        key: val_componentID,\n        value: {}\n      } );\n\n      ( async () => {\n        Loader.fn.corner.active()\n\n        let { target } = await val_file.read()\n        if ( !target ) return\n        let dataUrl = target!.result as string\n\n        let Canvas = $$( Config.get().appRoot ).find( '#Canvas-' + val_componentID )[ 0 ] as HTMLCanvasElement\n        if ( !Canvas ) return\n\n        let __Cropper = new Picture( {\n          set_scale,\n          val_file,\n          develops,\n          use: use,\n          scale: DefaultOptions.scale,\n          componentID: val_componentID,\n          canvas: Canvas,\n          picture: {\n            image: await $$.ImageLoader( dataUrl ),\n            grayScale: DefaultOptions.grayScale,\n            tone: DefaultOptions.tone,\n            rotate: DefaultOptions.rotate\n          }\n        } )\n        useStore.set( {\n          key: val_componentID,\n          value: {\n            Instance: __Cropper\n          }\n        } )\n\n        const UserEffectStart = function ( event: any ) {\n          event.preventDefault()\n\n          if ( event.touches && event.touches.length > 1 ) {\n            __Cropper.pinchEffect( {\n              eventType: 'start',\n              event\n            } )\n\n            $$( document ).addEvent( {\n              eventType: 'touchmove',eventID: 'CropperEffectMove',option: { passive: false },\n              callback: ( event ) => {\n                event.preventDefault()\n                __Cropper.pinchEffect( {\n                  eventType: 'move',\n                  event\n                } )\n              },\n            } )\n              .addEvent( {\n                eventType: 'touchend',eventID: 'CropperEffectEnd',option: { passive: false },\n                callback: EventEnd,\n              } )\n          } else {\n            __Cropper.dragEffect( {\n              eventType: 'start',\n              ...$$.getCursor( event )\n            } )\n\n            let { type } = event\n\n            $$( document ).addEvent( {\n              eventType: type == 'touchstart' ? 'touchmove' : 'mousemove',eventID: 'CropperEffectMove',option: { passive: false },\n              callback: ( event ) => {\n                DragEffect( 'move',event )\n              },\n            } )\n              .addEvent( {\n                eventType: type == 'touchstart' ? 'touchend' : 'mouseup',eventID: 'CropperEffectEnd',option: { passive: false },\n                callback: ( event ) => {\n                  DragEffect( 'end',event )\n                  EventEnd( event )\n                },\n              } )\n          }\n        }\n        const DragEffect = function ( eventType: 'move' | 'end',event: any ) {\n          event.preventDefault()\n          __Cropper.dragEffect( {\n            eventType: eventType,\n            ...$$.getCursor( event )\n          } )\n        }\n        const EventEnd = function ( event: any ) {\n          event.preventDefault()\n\n          $$( document ).removeEvent( [\n            'CropperEffectMove',\n            'CropperEffectEnd'\n          ] )\n        }\n\n        $$( Canvas ).removeEvent( [\n          'CropperMouseWheel',\n          'CropperTouchStart',\n          'CropperMouseDown'\n        ] )\n          .addEvent( {\n            eventID: 'CropperMouseWheel',\n            eventType: 'wheel',\n            callback: ( event ) => {\n              event.preventDefault()\n\n              let bitScale = Number( event.wheelDelta * 0.04 )\n              let nextScale = __Cropper.scale.current + bitScale\n\n              nextScale = Math.max( nextScale,__Cropper.scale.min )\n              nextScale = Math.min( nextScale,__Cropper.scale.max )\n\n              set_scale( nextScale )\n            },\n            option: { passive: false }\n          } )\n          .addEvent( {\n            eventType: 'touchstart',eventID: 'CropperTouchStart',\n            callback: UserEffectStart,option: { passive: false }\n          } )\n          .addEvent( {\n            eventType: 'mousedown',eventID: 'CropperMouseDown',\n            callback: UserEffectStart,option: { passive: false }\n          } )\n\n        setTimeout( () => {\n          Loader.fn.corner.stop()\n        },1000 )\n      } )()\n    },[ val_file.id ] )\n    useEffect( () => {\n      let Instance: Picture = useStore.get( val_componentID )?.Instance\n      if ( Instance ) {\n        Instance.updateScale( val_scale )\n      }\n    },[ val_scale ] )\n    useEffect( () => {\n      let Instance: Picture = useStore.get( val_componentID )?.Instance\n      if ( Instance ) {\n        Instance.updateFilter( {\n          grayScale: val_grayScale,\n          tone: val_tone,\n          rotate: val_rotate\n        } )\n      }\n    },[ val_grayScale,val_tone,val_rotate ] )\n\n    return <Sheet.Comps.Body>\n      <Flex\n        className={ [\n          CropperClasses( 'Wrap' ),\n          CropperClasses( 'Use_' + use )\n        ].join( ' ' ) }\n        flexWrap={ false }\n        position='relative'\n        overflow={ 'hidden' }\n        borderRadius={ 'inherit' }\n        boxShadow={ '3.remark' }\n        UnderBreakPointStyles={ {\n          flexType: 'col'\n        } }\n      >\n        <Box\n          flexGrid={ 3 }\n          UnderBreakPointStyles={ {\n            width: 1,\n            padding: 2\n          } }\n        >\n          <Box\n            overflow='hidden'\n            position='relative'\n            backgroundColor={ '4.layer.darken' }\n            freeCSS={ {\n              zIndex: 1\n            } }\n            UnderBreakPointStyles={ {\n              borderRadius: '1.tone.primary'\n            } }\n          >\n            <canvas\n              width={ '2400' }\n              height={\n                use == 'wallpaper.horizontal' ? '1800'\n                  : use == 'wallpaper.vertical' ? '3200'\n                    : '2400'\n              }\n              className={ CropperClasses( 'Canvas' ) }\n              id={ 'Canvas-' + val_componentID }\n            />\n          </Box>\n        </Box>\n        <Column\n          gap={ 0 }\n          flexGrid={ 2 }\n          boxShadow={ '3.remark' }\n          UnderBreakPointStyles={ {\n            width: 1,\n            maxWidth: 'unset'\n          } }\n          freeCSS={ {\n            maxWidth: 12 * 28\n          } }\n        >\n          <Column\n            gap={ 1 }\n            flexSizing={ 0 }\n            overflow='auto'\n            padding={ 1.5 }\n            UnderBreakPointStyles={ {\n              flexSizing: 'none'\n            } }\n          >\n            <Box\n              flexSizing='none'\n              fontSize='4.thirdTitle'\n              isSemiBoldFont\n            >\n              \u30D5\u30A3\u30EB\u30BF\u30FC\n            </Box>\n            <Comps.SettingRegion\n              DefaultOptions={ DefaultOptions }\n              val_scale={ val_scale }\n              set_scale={ set_scale }\n              val_tone={ val_tone }\n              set_tone={ set_tone }\n              val_grayScale={ val_grayScale }\n              set_grayScale={ set_grayScale }\n              val_rotate={ val_rotate }\n              set_rotate={ set_rotate }\n            />\n          </Column>\n          <Flex\n            padding={ 1.5 }\n            flexSizing={ 'none' }\n            gap={ 1 }\n            borderTop\n          >\n            <Button.Button.Border.R\n              flexGrid={ 1 }\n              onClick={ () => {\n                abortCallback()\n              } }\n            >\n              \u30AD\u30E3\u30F3\u30BB\u30EB\n            </Button.Button.Border.R>\n            <Button.Button.Prime.R\n              flexGrid={ 2 }\n              onClick={ async () => {\n                let Instance: Picture = useStore.get( val_componentID )?.Instance\n                if ( !Instance ) return\n                Loader.fn.mini.active( 'CropperExportation' )\n                let Files = await Instance.export()\n\n                setTimeout( () => {\n                  Loader.fn.mini.stop( 'CropperExportation' )\n                  finishedCallback( Files )\n                },3000 )\n              } }\n            >\n              <Row.Center\n                gap={ '1/2' }\n              >\n                <Loader.White.R\n                  loaderID='CropperExportation'\n                />\n                \u6C7A\u5B9A\n              </Row.Center>\n            </Button.Button.Prime.R>\n          </Flex>\n        </Column>\n      </Flex>\n    </Sheet.Comps.Body>\n  },\n  SettingRegion: ( params ) => {\n    let ToneList: Input.List.Options[] = []\n    for ( let index = 1; index <= 10; index++ ) {\n      ToneList.push( {\n        value: index,\n        label: <>\n          <Box\n            className={ [\n              CropperClasses( 'ToneBall' ),\n              CropperClasses( 'ToneBall_' + index )\n            ].join( ' ' ) }\n          />\n          <Box\n            textAlign='center'\n            flexSizing={ 'auto' }\n          >\n            { [ '','\u6696\u8272','\u5BD2\u8272','\u30BB\u30D4\u30A2','\u30B7\u30A2\u30F3','\u30DE\u30BC\u30F3\u30BF','\u30A4\u30A8\u30ED\u30FC','\u30AA\u30EA\u30B8\u30CA\u30EB1','\u30AA\u30EA\u30B8\u30CA\u30EB2','\u30AA\u30EA\u30B8\u30CA\u30EB3','\u30AA\u30EA\u30B8\u30CA\u30EB4' ][ index ] }\n          </Box>\n        </>\n      } )\n    }\n\n    return <>\n      <Column gap={ '1/3' } >\n        <Box>\n          <FAI.Rotate\n            fontSize='3.paragraph'\n            fontColor='4.thin'\n          /> Rotate\n        </Box>\n        <Row.Separate\n          flexChilds='even'\n          paddingLeft={ 2 }\n        >\n          <Button.Button.Border.S\n            onClick={ () => {\n              let next = params.val_rotate - 90\n              if ( next < 0 ) next += 360\n              params.set_rotate( next )\n            } }\n          >\n            <FAI icon={ faRotateLeft } /> \u5DE6\u306B\u56DE\u8EE2\n          </Button.Button.Border.S>\n          <Button.Button.Border.S\n            onClick={ () => {\n              params.set_rotate( ( params.val_rotate + 90 ) % 360 )\n            } }\n          >\n            \u53F3\u306B\u56DE\u8EE2 <FAI icon={ faRotateRight } />\n          </Button.Button.Border.S>\n        </Row.Separate>\n      </Column>\n      <Column gap={ '1/3' } >\n        <Box>\n          <FAI.Search\n            fontSize='3.paragraph'\n            fontColor='4.thin'\n          /> Zoom\n        </Box>\n        <Box paddingLeft={ 2 }>\n          <Input.Slider\n            override='force'\n            value={ params.val_scale - 100 }\n            min={ params.DefaultOptions.scale.min - 100 }\n            max={ params.DefaultOptions.scale.max - 100 }\n            step={ 25 }\n            onUpdateValidValue={ ( { eventType,value } ) => {\n              $$.interval.clear( 'Cropper.UpdateScale' )\n              $$.interval.standBy( 'Cropper.UpdateScale',400,() => {\n                params.set_scale( value + 100 )\n              } )\n            } }\n            legends={ {\n              enable: true,\n              custom: ( value ) => {\n                let scale = Math.round( 100 + value )\n                return 'x' + scale / 100\n              }\n            } }\n          />\n        </Box>\n      </Column>\n      <Column gap={ '1/3' } >\n        <Box>\n          <FAI\n            icon={ faPalette }\n            fontSize='3.paragraph'\n            fontColor='4.thin'\n          /> Gray Scale\n        </Box>\n        <Box paddingLeft={ 2 }>\n          <Input.Slider\n            value={ params.val_grayScale }\n            min={ 0 }\n            max={ 100 }\n            step={ 10 }\n            onUpdateValidValue={ ( { value } ) => {\n              $$.interval.clear( 'Cropper.GrayScale' )\n              $$.interval.standBy( 'Cropper.GrayScale',400,() => {\n                params.set_grayScale( value )\n              } )\n            } }\n            legends={ {\n              enable: true,\n              custom: ( value ) => ( value + '%' )\n            } }\n          />\n        </Box>\n      </Column>\n      <Column gap={ '1/3' }>\n        <Box>\n          <FAI\n            icon={ faBarsStaggered }\n            fontSize='3.paragraph'\n            fontColor='4.thin'\n          /> Tone\n        </Box>\n        <Box paddingLeft={ 2 }>\n          <Input.Radio\n            value={ params.val_tone }\n            gap={ '1/2' }\n            cellStyles={ {\n              isRounded: true,\n              borderWidth: 2,\n              borderColor: '1.thin',\n              padding: '1/2',\n              paddingRight: 1,\n              fontSize: '1.mini',\n              gap: '1/3',\n              flexSizing: 'auto'\n            } }\n            options={ [\n              {\n                value: 0,label: '\u306A\u3057',\n                padding: [ '1/2',1 ],\n                flexCenter: true\n              },\n              ...ToneList\n            ] }\n            onUpdateValidValue={ ( { value } ) => {\n              params.set_tone( value[ 0 ] )\n            } }\n          />\n        </Box>\n      </Column>\n    </>\n  }\n}\n\nconst Cropper: Cropper.Methods = {\n  open: async ( params ) => {\n    let Image = await Input.Filer.fn.openDialog( {\n      // accept: 'image/jpeg,image/jpg,image/png,image/gif',\n      accept: 'image',\n      multiple: false\n    } )\n\n    let sheetID = 'CropperImage'\n    Sheet.open( {\n      sheetID: sheetID,\n      type: 'normal.middleCenter',\n      size: '3L',\n      freeCSS: {\n        width: params.use == 'wallpaper.horizontal' ? 12 * 100 : 12 * 80\n      },\n      content: <Comps.Core\n        val_file={ Image[ 0 ] as any }\n        options={ params }\n        finishedCallback={ ( files ) => {\n          Sheet.close( sheetID )\n          params.onProcessFinished( files )\n        } }\n        abortCallback={ () => {\n          Sheet.close( sheetID )\n        } }\n      />,\n      close_option: {\n        escapeKeyDown: false\n      }\n    } )\n  }\n}\n\nexport {\n  Cropper,\n  Cropper as default\n}"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "$$", "Config", "useStore", "useState", "useEffect", "Flex", "Box", "FAI", "Column", "Row", "Button", "Sheet", "Loader", "Input", "faPalette", "faBarsStaggered", "faRotateLeft", "faRotateRight", "CropperClasses", "Picture", "params", "Canvas", "cvsW", "cvsH", "pictW", "pictH", "pictAsp", "frameW", "frameH", "frameX", "frameY", "frameAsp", "eventType", "x", "y", "CanvasRect", "origin", "frameExpandRate", "dragX", "dragY", "scale", "shiftX", "shiftY", "event", "x1", "y1", "x2", "y2", "marginX", "marginY", "originDist", "margin", "nextValue", "__async", "grayScale", "tone", "rotate", "canvas", "ctx", "image", "ImageW", "ImageH", "newImage", "imgData", "ColorDir", "rCorrect", "gCorrect", "bCorrect", "iH", "iW", "Index", "terminal", "k", "current", "newDataUrl", "__spreadProps", "__spreadValues", "_imageX", "_imageY", "use", "frame", "ImageX", "ImageY", "totalScale", "imgX", "imgY", "imgW", "imgH", "minX", "maxX", "minY", "maxY", "extraX", "extraY", "themeColorHSL", "develops", "outImage", "ratioX", "ratioY", "Left", "Right", "Top", "Bottom", "Files", "MimeType", "index", "size", "maxSize", "width", "height", "Preview", "previewCtx", "dataUrl", "blob", "Ratio", "file", "Comps", "val_file", "options", "finishedCallback", "abortCallback", "val_componentID", "DefaultOptions", "val_scale", "set_scale", "val_rotate", "set_rotate", "val_grayScale", "set_grayScale", "val_tone", "set_tone", "target", "__Cropper", "UserEffectStart", "EventEnd", "type", "DragEffect", "bitScale", "nextScale", "_a", "Instance", "ToneList", "next", "value", "Cropper", "Image", "sheetID", "files"]
+}

package/dist/fn/Effect/Fade.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import Box from '../../atoms/Box';
+declare namespace FadeIn {
+    type Input = Box.Input & {
+        animationTime?: number;
+        animationDelay?: number;
+    };
+}
+declare const FadeIn: React.FC<FadeIn.Input>;
+declare namespace FadeUp {
+    type Input = Box.Input & {
+        animationTime?: number;
+        animationDelay?: number;
+    };
+}
+declare const FadeUp: React.FC<FadeUp.Input>;
+export { FadeIn, FadeUp };

package/dist/fn/Effect/Fade.js

@@ -0,0 +1,2 @@
+import{b as a,c as i,d as u}from"../../chunk-E3D4DIO4.js";import{jsx as y}from"react/jsx-runtime";import{$$ as p,Config as d}from"@utils";import{useState as I,useEffect as f}from"react";import l from"@atoms/Box";const D=m=>{let n=m,{animationDelay:r=100,animationTime:c=300,componentID:s=p.uuid.gen()}=n,e=u(n,["animationDelay","animationTime","componentID"]),[t]=I(s);return f(()=>{setTimeout(()=>{let o=p(d.get().appRoot).find('[data-component-id="'+t+'"]');o[0]&&o.css({transition:c+"ms"}).await(1).css({opacity:1})},r)},[]),y(l,i(a({},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))},S=m=>{let n=m,{animationDelay:r=100,animationTime:c=300,componentID:s=p.uuid.gen()}=n,e=u(n,["animationDelay","animationTime","componentID"]),[t]=I(s);return f(()=>{setTimeout(()=>{let o=p(d.get().appRoot).find('[data-component-id="'+t+'"]');o[0]&&o.css({transition:c+"ms"}).await(1).css({opacity:1,paddingTop:0})},r)},[]),y(l,i(a({paddingTop:2},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))};export{D as FadeIn,S as FadeUp};
+//# sourceMappingURL=Fade.js.map

package/dist/fn/Effect/Fade.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fn/Effect/Fade.tsx"],
+  "sourcesContent": ["import {\n  $$,\n  Config\n} from '@utils'\nimport {\n  useState,\n  useEffect\n} from 'react'\n\nimport Box from '@atoms/Box'\n\nnamespace FadeIn {\n  export type Input = Box.Input & {\n    animationTime?: number\n    animationDelay?: number\n  }\n}\n\nconst FadeIn: React.FC<FadeIn.Input> = ( params ) => {\n  let {\n    animationDelay = 100,\n    animationTime = 300,\n    componentID = $$.uuid.gen(),\n    ...others\n  } = params\n  let [ val_componentID ] = useState( componentID )\n\n  useEffect( () => {\n    setTimeout( () => {\n      let Element = $$( Config.get().appRoot ).find( '[data-component-id=\"' + val_componentID + '\"]' )\n      if ( !Element[ 0 ] ) return\n      Element.css( {\n        transition: animationTime + 'ms'\n      } )\n        .await( 1 )\n        .css( {\n          opacity: 1\n        } )\n    },animationDelay )\n  },[] )\n\n  return <Box\n    { ...others }\n    freeCSS={ {\n      ...others.freeCSS,\n      opacity: 0,\n    } }\n    componentID={ val_componentID }\n  />\n}\n\nnamespace FadeUp {\n  export type Input = Box.Input & {\n    animationTime?: number\n    animationDelay?: number\n  }\n}\nconst FadeUp: React.FC<FadeUp.Input> = ( params ) => {\n  let {\n    animationDelay = 100,\n    animationTime = 300,\n    componentID = $$.uuid.gen(),\n    ...others\n  } = params\n  let [ val_componentID ] = useState( componentID )\n\n  useEffect( () => {\n    setTimeout( () => {\n      let Element = $$( Config.get().appRoot ).find( '[data-component-id=\"' + val_componentID + '\"]' )\n      if ( !Element[ 0 ] ) return\n      Element.css( {\n        transition: animationTime + 'ms'\n      } )\n        .await( 1 )\n        .css( {\n          opacity: 1,\n          paddingTop: 0\n        } )\n    },animationDelay )\n  },[] )\n\n  return <Box\n    paddingTop={ 2 }\n    { ...others }\n    freeCSS={ {\n      ...others.freeCSS,\n      opacity: 0,\n    } }\n    componentID={ val_componentID }\n  />\n}\n\nexport {\n  FadeIn,\n  FadeUp\n}"],
+  "mappings": "0DAyCS,cAAAA,MAAA,oBAzCT,OACE,MAAAC,EACA,UAAAC,MACK,SACP,OACE,YAAAC,EACA,aAAAC,MACK,QAEP,OAAOC,MAAS,aAShB,MAAMC,EAAmCC,GAAY,CACnD,IAKIC,EAAAD,EAJF,gBAAAE,EAAiB,IACjB,cAAAC,EAAgB,IAChB,YAAAC,EAAcV,EAAG,KAAK,IAAI,CAtB9B,EAwBMO,EADCI,EAAAC,EACDL,EADC,CAHH,iBACA,gBACA,gBAGE,CAAEM,CAAgB,EAAIX,EAAUQ,CAAY,EAEhD,OAAAP,EAAW,IAAM,CACf,WAAY,IAAM,CAChB,IAAIW,EAAUd,EAAIC,EAAO,IAAI,EAAE,OAAQ,EAAE,KAAM,uBAAyBY,EAAkB,IAAK,EACzFC,EAAS,CAAE,GACjBA,EAAQ,IAAK,CACX,WAAYL,EAAgB,IAC9B,CAAE,EACC,MAAO,CAAE,EACT,IAAK,CACJ,QAAS,CACX,CAAE,CACN,EAAED,CAAe,CACnB,EAAE,CAAC,CAAE,EAEET,EAACK,EAAAW,EAAAC,EAAA,GACDL,GADC,CAEN,QAAUI,EAAAC,EAAA,GACLL,EAAO,SADF,CAER,QAAS,CACX,GACA,YAAcE,GAChB,CACF,EAQMI,EAAmCX,GAAY,CACnD,IAKIC,EAAAD,EAJF,gBAAAE,EAAiB,IACjB,cAAAC,EAAgB,IAChB,YAAAC,EAAcV,EAAG,KAAK,IAAI,CA7D9B,EA+DMO,EADCI,EAAAC,EACDL,EADC,CAHH,iBACA,gBACA,gBAGE,CAAEM,CAAgB,EAAIX,EAAUQ,CAAY,EAEhD,OAAAP,EAAW,IAAM,CACf,WAAY,IAAM,CAChB,IAAIW,EAAUd,EAAIC,EAAO,IAAI,EAAE,OAAQ,EAAE,KAAM,uBAAyBY,EAAkB,IAAK,EACzFC,EAAS,CAAE,GACjBA,EAAQ,IAAK,CACX,WAAYL,EAAgB,IAC9B,CAAE,EACC,MAAO,CAAE,EACT,IAAK,CACJ,QAAS,EACT,WAAY,CACd,CAAE,CACN,EAAED,CAAe,CACnB,EAAE,CAAC,CAAE,EAEET,EAACK,EAAAW,EAAAC,EAAA,CACN,WAAa,GACRL,GAFC,CAGN,QAAUI,EAAAC,EAAA,GACLL,EAAO,SADF,CAER,QAAS,CACX,GACA,YAAcE,GAChB,CACF",
+  "names": ["jsx", "$$", "Config", "useState", "useEffect", "Box", "FadeIn", "params", "_a", "animationDelay", "animationTime", "componentID", "others", "__objRest", "val_componentID", "Element", "__spreadProps", "__spreadValues", "FadeUp"]
+}

package/dist/fn/Effect/Pudding.d.ts

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