amotify 0.2.233 → 0.2.234

package/dist/fn/Loader/index.js

@@ -1 +1 @@
-import{b as p}from"../../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import{useStore as a}from"jmini";import{Config as d,$$fromRoot as l}from"../../@utils";import{LoaderClasses as m}from"../../@styles/componentClasses";import{Mini as s}from"./mini";import{Corner as L}from"./corner";const i=e=>{let t=e.color;return{S:o=>n(s,p({size:"S",color:t},o)),R:o=>n(s,p({size:"R",color:t},o)),L:o=>n(s,p({size:"L",color:t},o)),XL:o=>n(s,p({size:"XL",color:t},o)),MAX:o=>n(s,p({size:"MAX",color:t},o))}},c={Wrapper:()=>n(L,{}),Theme:i({color:"theme"}),Posi:i({color:"posi"}),Nega:i({color:"nega"}),Warn:i({color:"warn"}),White:i({color:"white"}),Cloud:i({color:"cloud"}),fn:{corner:{active:()=>{let e=a.get("Loader-corner-"+d.get().sessionUID+"-corner");e&&e.active()},stop:()=>{let e=a.get("Loader-corner-"+d.get().sessionUID+"-corner");e&&e.stop()}},mini:{active:(e="")=>{l("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:o}={}}=t;if(!o)return;let r=a.get(o);r&&r.active&&r.active(e)})},stop:(e="")=>{l("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:o}={}}=t;if(!o)return;let r=a.get(o);r&&r.stop&&r.stop(e)})},stopALL:()=>{l("."+m("MiniLoader")).for(e=>{let{dataset:{componentId:t}={}}=e;if(!t)return;let o=a.get(t);o&&o.stopForce&&o.stopForce()})}},stopALL:()=>{c.fn.corner.stop(),c.fn.mini.stopALL()}}};export{c as Loader,c as default};
+import{b as p}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import{useStore as n}from"jmini";import{Config as d,$$fromRoot as l}from"../../@utils";import{LoaderClasses as m}from"../../@styles/componentClasses";import{Mini as s}from"./mini";import{Corner as L}from"./corner";const i=e=>{let t=e.color;return{S:o=>a(s,p({size:"S",color:t},o)),R:o=>a(s,p({size:"R",color:t},o)),L:o=>a(s,p({size:"L",color:t},o)),XL:o=>a(s,p({size:"XL",color:t},o)),MAX:o=>a(s,p({size:"MAX",color:t},o))}},c={Wrapper:()=>a(L,{}),Theme:i({color:"theme"}),Posi:i({color:"posi"}),Nega:i({color:"nega"}),Warn:i({color:"warn"}),White:i({color:"white"}),Cloud:i({color:"cloud"}),fn:{corner:{active:()=>{let e=n.get("Loader-corner-"+d.get().sessionUID+"-corner");e&&e.active()},stop:()=>{let e=n.get("Loader-corner-"+d.get().sessionUID+"-corner");e&&e.stop()}},mini:{active:(e="")=>{l("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:o}={}}=t;if(!o)return;let r=n.get(o);r&&r.active&&r.active(e)})},stop:(e="")=>{l("."+m("MiniLoader")).for(t=>{let{dataset:{componentId:o}={}}=t;if(!o)return;let r=n.get(o);r&&r.stop&&r.stop(e)})},stopALL:()=>{l("."+m("MiniLoader")).for(e=>{let{dataset:{componentId:t}={}}=e;if(!t)return;let o=n.get(t);o&&o.stopForce&&o.stopForce()})}},stopALL:()=>{c.fn.corner.stop(),c.fn.mini.stopALL()}}};export{c as Loader,c as default};

package/dist/fn/Sheet.d.ts

@@ -4,12 +4,12 @@ import React from 'react';
 import { Box } from '../atoms';
 declare namespace Sheet {
     type Methods = {
-        Wrapper(): JSX.Element;
+        Wrapper(): React.JSX.Element;
         Element<T extends keyof TypesInput>(p: Omit<TypesInput[T], 'content'> & {
             type: T;
             isOpen: boolean;
             children: ReactElement;
-        }): JSX.Element;
+        }): React.JSX.Element;
         image(params: Omit<UniInput, 'content'>, src: string | string[]): void;
         open<T extends keyof TypesInput>(type: T, params: TypesInput[T], defaultOpen?: boolean | 'inherit'): void;
         resize(p: {
@@ -71,7 +71,7 @@ declare namespace Sheet {
         };
     }
     type Sizes = 'S' | 'R' | 'L' | '2L' | '3L' | 'MAX';
-    type Content = ReactElement | (() => JSX.Element);
+    type Content = ReactElement | (() => React.JSX.Element);
     type CloseOptions = {
         closeAtPageTransit?: boolean;
         closeAtEscapeKeyDown?: boolean;

package/dist/fn/Sheet.js

@@ -1 +1 @@
-import{b as m,c as b,d as G}from"../chunk-C5N2D3ZX.js";import{Fragment as ae,jsx as h,jsxs as F}from"react/jsx-runtime";import d,{UUID as Z,Time as le,useStore as w}from"jmini";import{useState as U,useEffect as H,useRef as pe}from"react";import{$$fromRoot as K,Config as X}from"../@utils";import{Box as R,Flex as ue,Img as he,FAI as re,Column as oe,Grid as ce}from"../atoms";import{Row as ne}from"../mols";import{Button as ie}from"./Button";import{SheetClasses as g}from"../@styles/componentClasses";import de from"./Plate";const x={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=w.get("sessionStates-"+X.get().sessionUID);return t||null},getNewSheetStates:t=>{var u;let e=b(m({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||Z(),isOpen:!0,created_at:le()});if(e.type=="custom"){let a=e;a.parent=a.parent||((u=a==null?void 0:a.event)==null?void 0:u.currentTarget),e=a}return e}},$={Wrapper:()=>{let[t,e]=U([]),u={val_sheets:t,set_sheets:e},a="sessionStates-"+X.get().sessionUID;return w.set({[a]:u}),H(()=>{let c="Sheet-"+X.get().sessionUID;w.set({[c]:{add:(r,s)=>{let i=w.get(c);if(!i)return;let o=x.getNewSheetStates(r);if(x.openQueue[o.sheetID])return;if(x.openQueue[o.sheetID]=!0,s!="inherit"&&(o.isOpen=s!=null?s:!0),!!i.find(o.sheetID)){e(C=>{let E=[...C],D=E.findIndex(L=>L.sheetID==o.sheetID);return D==-1||(E[D]=o),E}),delete x.openQueue[o.sheetID];return}e(C=>[o,...C])},find:r=>{let s=x.getSessionStates();if(!s)return null;let{val_sheets:i}=s;return i.find(o=>o.sheetID==r)}}}),d(X.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(r){let{key:s,metaKey:i}=r;if(s=="Escape"||s==","&&i){let o=x.getSessionStates();if(!o)return;let{val_sheets:v}=o,C=v.filter(D=>D.isOpen);if(!C.length)return;let E=C.reduce((D,L)=>D.created_at.value>L.created_at.value?D:L);A.close(E.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(r){let s=x.getSessionStates();if(!s)return;let{val_sheets:i}=s,o=r.target;if(!o||o!=null&&o.closest("."+g("CustomSheet")))return;let v=i.filter(C=>C.type=="custom");v.length&&v.forEach(C=>{let{parent:E}=C;if(!C.closeAtAroundClick)return;let D=K(E)[0];E!==o&&D!==o&&(d(D).find(o).length||A.close(C.sheetID))})}})},[]),h(ae,{children:t.map(c=>h($.Core,b(m({},u),{val_sheet:c,patch_sheet:r=>{e(s=>{let i=[...s],o=i.findIndex(v=>v.sheetID==c.sheetID);return o==-1||(i[o]=m(m({},i[o]),r)),i})},delete_sheet:()=>{e(r=>{let s=[...r],i=s.findIndex(o=>o.sheetID==c.sheetID);return i==-1||s.splice(i,1),s})}}),c.sheetID))})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:u}=t,[a,c]=U(x.currentIndex+2),[r]=U(Z()),s=e.type!="custom"&&!e.overwrap;H(()=>{x.currentIndex++,d.scope(()=>{if(!e.closeAtParentBlur)return;let o=d(e.parent);o[0]&&o.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{o.removeEvent("SheetClosation-"+e.sheetID),u({isOpen:!1})}})}),w.set({[e.sheetID]:{resize:o=>{if(e.type=="drawer.bottom"){let v=w.get(r);v&&v.resize&&v.resize(o)}else(e.type.includes("normal")||e.type.includes("drawer"))&&u({size:o})},close:o=>{u({isOpen:!1})},open:()=>{u({isOpen:!0})}}})},[]),H(()=>{d.scope(()=>{let o=K("#"+r);if(e.isOpen){e.hold_state&&c(x.currentIndex+1),o.await(10).removeClass(g("Hide")).await(10).addClass(g("Open")).callback(()=>{delete x.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}o.await(10).removeClass(g("Open")).await(251).addClass(g("Hide")).callback(()=>{if(e.onClose&&e.onClose(),s&&X.get().browserIs!="safari"&&d(X.get().appRoot).focus(),e.hold_state)return u({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let i=$.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return h(R,{className:["AMOTIFY_be",g("Wrap"),g("Tcate_"+$.sheetCategory(e.type)),g("Tpos_"+$.sheetPosition(e.type)),g("isMainSheet_"+s)].join(" "),width:1,ssAbsoluteCovered:!0,position:"fixed",freeCSS:{zIndex:a},id:r,children:F(oe,{className:g("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!s&&h(R,{className:g("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:h(R,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:g("TapContent"),onClick:o=>{var C;((C=e.closeAtAroundClick)==null||C)&&A.close(e.sheetID)}})}),h(i,m({componentId:r},e))]})},r)},Types:{Normal:t=>{let k=t,{sheetID:e,sheetGroups:u,bodyScrolls:a,content:c,className:r="",type:s,size:i="R",freeCSS:o,onOpen:v,onClose:C,closeAtAroundClick:E,closeAtEscapeKeyDown:D,closeAtPageTransit:L,closeAtParentBlur:J,closeAtSwipeDown:Y,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:N}=k,M=G(k,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T={},y=[];return s.match(/top/)?(y.push("top"),T.marginBottom="auto"):s.match(/middle/)?(y.push("center"),T.marginTop="auto",T.marginBottom="auto"):s.match(/bottom/)&&(y.push("bottom"),T.marginTop="auto"),s.match(/left/i)?(y.push("left"),T.marginRight="auto"):s.match(/center/i)?(y.push("center"),T.marginLeft="auto",T.marginRight="auto"):s.match(/right/i)&&(y.push("right"),T.marginLeft="auto"),h(R,b(m(m({className:[g("BB"),r].join(" "),padding:1,transition:"short",opacity:"trans"},M),T),{freeCSS:m({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[i],maxWidth:"96vw",transformOrigin:y.join(" ")},o),children:d.is.function(c)?h(c,{}):c}))},Edge:t=>{let M=t,{sheetID:e,sheetGroups:u,bodyScrolls:a,type:c,content:r,className:s="",size:i="R",onOpen:o,onClose:v,closeAtAroundClick:C,closeAtEscapeKeyDown:E,closeAtPageTransit:D,closeAtParentBlur:L,closeAtSwipeDown:J,hold_state:Y,overwrap:q,isOpen:ee,backgroundEffect:te}=M,N=G(M,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return h(R,b(m(b(m({className:[g("BB"),s].join(" ")},c=="drawer.right"?{marginLeft:"auto"}:c=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"short",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),N),{freeCSS:m({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[i],maxWidth:"96vw"},N.freeCSS),children:d.is.function(r)?h(r,{}):r}))},Bottom:t=>{let j=t,{componentId:e,sheetID:u,sheetGroups:a,bodyScrolls:c,content:r,size:s="R",sizeChanged:i,baseStyles:o,onOpen:v,onClose:C,closeAtAroundClick:E,closeAtEscapeKeyDown:D,closeAtPageTransit:L,closeAtParentBlur:J,closeAtSwipeDown:Y=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:N}=j,M=G(j,["componentId","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T=d.getScreenSize(),y=[0,.2,.6,.95],k={ZERO:0,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,Q]=U(s),[I,_]=U({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:y[k[s]]});w.update({[e]:{val_edit:I,resize:S=>{let f=y[k[S]];_(p=>b(m({},p),{value:f})),Q(S)}}});const B={Start:S=>{d(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:B.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:B.End});let f=d.getCursor(S),p=b(m({},I),{process:!0,processStart:new Date().getTime(),originY:f.y,originValue:I.value,viewHeight:d.getScreenSize().height});w.update({[e]:{val_edit:p}}),_(p)},Move:S=>{var O;let f=(O=w.get(e))==null?void 0:O.val_edit;if(!f.process)return;let z=(d.getCursor(S).y-f.originY)/f.viewHeight,n=f.originValue-z;if(n>.95)n=.95+(n-.95)*.5;else if(n<.2){let P=.2-n;P-=.1,n=.1+(.1-P)*.5}return _(b(m({},f),{value:n})),S.preventDefault(),S.stopPropagation(),!1},End:S=>{var n;let f=(n=w.get(e))==null?void 0:n.val_edit;if(!f.process)return;d(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let p=0;if(f.value<.1||(f.value<.5?p=1:f.value>.75?p=3:p=2),new Date().getTime()-f.processStart<300){let O=d.getCursor(S).y-f.originY;if(Math.abs(O)>=20){let P=+(O<0)*2-1;p+=P,p=Math.min(Math.max(p,0),y.length-1)}}p==0&&(Y||(p=1)),Q(["ZERO","S","R","L"][p]),_(b(m({},f),{value:y[p],process:!1}))}},V=pe(!1);return H(()=>{V.current?W=="ZERO"?Y&&A.close(u):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):V.current=!0},[W]),h(R,{className:g("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:m({maxWidth:12*60,height:T.height*I.value},I.process?{transition:"0s"}:{}),children:F(oe,b(m({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},o),{children:[F(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[h(R,{ssSphere:2.5}),h(ne.Center,{onPointerDown:B.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:h(R,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:g("DragBar")})}),h(ie.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{A.close(u)},children:h(re.X,{})})]}),h(R,b(m({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},M),{children:d.is.function(r)?h(r,{}):r}))]}))})},Custom:t=>{let j=t,{sheetID:e,sheetGroups:u,bodyScrolls:a,event:c,parent:r,nextToCursor:s,gravityPoint:i=22,content:o,closeAtAroundClick:v,closeAtEscapeKeyDown:C,closeAtPageTransit:E,closeAtParentBlur:D,closeAtSwipeDown:L,hold_state:J,onOpen:Y,onClose:q,overwrap:ee,isOpen:te,resize:N,backgroundEffect:M}=j,T=G(j,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect"]),[y]=U(Z()),k=d.is.element(r)||d.is.jmini(r)?d(r):K(r),W='[data-sheet-id="'+y+'"]',Q='[data-sheet-content="'+y+'"]';i=i;let I=i%5||5,_=Math.ceil(i/5);const B={Init:()=>{if(s&&c){let l=d.getScreenSize(),se=d.getCursor(c);return{top:se.y-l.pageYOffset,left:se.x-l.pageXOffset}}let S={};if(!k||!k[0])return S;let{top:f,right:p,bottom:z,left:n,height:O,width:P}=k.position();return[1,2].includes(I)?S.left=n:I==3?S.left=n+P/2:[4,5].includes(I)&&(S.left=p),i<=10?S.top=f:i<=15?S.top=f+O/2:i<=25&&(S.top=z),S},Adjust:()=>{let S=K(W).position(),f=K(Q).position(),p=k.position(),z=d.getScreenSize(),n={};for(let l in f)n[l]=f[l];if(d.scope(()=>{if(t.nextToCursor)return;let l=0;_==1?l=p.top-n.bottom:_==2?l=p.top-n.top:_==3?l=p.top-n.top+(p.height-n.height)/2:_==4?l=p.bottom-n.bottom:_==5&&(l=p.bottom-n.top),n.top+=l,n.bottom+=l}),d.scope(()=>{if(t.nextToCursor)return;let l=0;I==1?l=p.left-n.right:I==2?l=p.left-n.left:I==3?l=p.left-n.left+(p.width-n.width)/2:I==4?l=p.right-n.right:I==5&&(l=p.right-n.left),n.left+=l,n.right+=l}),n.top<0){let l=-n.top;n.top+=l,n.bottom+=l}if(n.bottom>z.height){let l=n.bottom-z.height;n.top-=l,n.bottom-=l}if(n.left<0){let l=-n.left;n.left+=l,n.right+=l}if(n.right>z.width){let l=n.right-z.width;n.left-=l,n.right-=l}let O=n.top-f.top,P=n.left-f.left;d(W).css({top:S.top+O+"px",left:S.left+P+"px"})}};let[V]=U(B.Init());return H(()=>{K(W).await(10).addClass(g("Open")).await(200).callback(()=>{(N==null||N)&&B.Adjust()}),w.update({["customSheet-"+t.sheetID]:{reposition:()=>{B.Adjust()}}})},[]),k[0]?h(R,{className:[g("BB"),g("CustomSheet")].join(" "),"data-sheet-id":y,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:V,children:h(ue,{position:"absolute",className:[g("GPT"),g("GPT_"+i),g("Col_"+I),g("Row_"+_)].join(" "),children:h(R,b(m({"data-sheet-content":y,flexSizing:"none",maxHeight:"viewHeight"},T),{freeCSS:m({maxWidth:"98vw"},T.freeCSS),children:d.is.function(o)?h(o,{}):o}))})}):null}}},A={Wrapper:()=>h($.Wrapper,{}),Element:t=>{let c=t,{isOpen:e,children:u}=c,a=G(c,["isOpen","children"]);return H(()=>{if(e){A.open(t.type,b(m({},a),{content:u}));return}a.sheetID&&A.close(a.sheetID)},[e]),h(ae,{})},image:(t,e)=>{let u=t.sheetID||Z(),r=t,{type:a}=r,c=G(r,["type"]);A.open(a||"topCenter",b(m({size:"MAX"},c),{sheetID:u,freeCSS:{maxWidth:"100vw"},content:()=>{let[s]=U(d.flatArray(e));return h(de,{children:F(oe,{children:[h(ne.Right,{children:F(ie.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{A.close(u)},children:[h(re.X,{})," \u9589\u3058\u308B"]})}),h(ce.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:s.map((i,o)=>h(he,{ssCardBox:!0,position:"relative",flexCenter:!0,src:i},o))})]})})}}))},open:(t,e,u)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let a=w.get("Sheet-"+X.get().sessionUID);a&&a.add(e,u)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=w.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=w.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,u){let a=x.getSessionStates();if(!a)return;let{val_sheets:c}=a;t=t==null?void 0:t.replace(/\./g,"-");let r=c.find(i=>i.sheetID==t);if(!r||e=="Escape"&&!r.closeAtEscapeKeyDown)return;let s=w.get(r.sheetID);s&&s.close&&s.close(u)},closeGroup:t=>{let e=x.getSessionStates();if(!e)return;let{val_sheets:u}=e;t=(t||"").replace(/\./g,"-");for(let a of u)a.sheetGroups&&a.sheetGroups==t&&A.close(a.sheetID)},closeAll:t=>{let e=x.getSessionStates();if(!e)return;let{val_sheets:u}=e;for(let a of u)t&&!a.closeAtPageTransit||A.close(a.sheetID,"pageTransit",!0)},Body:t=>h(R,m({className:g("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{A as Sheet,A as default};
+import{b as m,c as b,d as G}from"../chunk-C5N2D3ZX.js";import{Fragment as ae,jsx as h,jsxs as F}from"react/jsx-runtime";import d,{UUID as Z,Time as le,useStore as w}from"jmini";import{useState as U,useEffect as H,useRef as pe}from"react";import{$$fromRoot as K,Config as X}from"../@utils";import{Box as A,Flex as ue,Img as he,FAI as re,Column as oe,Grid as ce}from"../atoms";import{Row as ne}from"../mols";import{Button as ie}from"./Button";import{SheetClasses as g}from"../@styles/componentClasses";import de from"./Plate";const x={currentIndex:0,openQueue:{},getSessionStates:()=>{let t=w.get("sessionStates-"+X.get().sessionUID);return t||null},getNewSheetStates:t=>{var u;let e=b(m({sheetGroups:t.sheetGroups||[],backgroundEffect:!0,overwrap:t.type=="custom",hold_state:!1,closeAtPageTransit:!0,closeAtEscapeKeyDown:!0,closeAtAroundClick:t.type=="custom"},t),{sheetID:t.sheetID||Z(),isOpen:!0,created_at:le()});if(e.type=="custom"){let a=e;a.parent=a.parent||((u=a==null?void 0:a.event)==null?void 0:u.currentTarget),e=a}return e}},$={Wrapper:()=>{let[t,e]=U([]),u={val_sheets:t,set_sheets:e},a="sessionStates-"+X.get().sessionUID;return w.set({[a]:u}),H(()=>{let c="Sheet-"+X.get().sessionUID;w.set({[c]:{add:(r,s)=>{let i=w.get(c);if(!i)return;let o=x.getNewSheetStates(r);if(x.openQueue[o.sheetID])return;if(x.openQueue[o.sheetID]=!0,s!="inherit"&&(o.isOpen=s!=null?s:!0),!!i.find(o.sheetID)){e(C=>{let R=[...C],D=R.findIndex(L=>L.sheetID==o.sheetID);return D==-1||(R[D]=o),R}),delete x.openQueue[o.sheetID];return}e(C=>[o,...C])},find:r=>{let s=x.getSessionStates();if(!s)return null;let{val_sheets:i}=s;return i.find(o=>o.sheetID==r)}}}),d(X.get().appRoot).removeEvent(["SheetEvent.keyUp","SheetEvent.Click"]).addEvent({eventType:"keyup",eventID:"SheetEvent.keyUp",callback:function(r){let{key:s,metaKey:i}=r;if(s=="Escape"||s==","&&i){let o=x.getSessionStates();if(!o)return;let{val_sheets:v}=o,C=v.filter(D=>D.isOpen);if(!C.length)return;let R=C.reduce((D,L)=>D.created_at.value>L.created_at.value?D:L);E.close(R.sheetID,s)}}}).addEvent({eventType:"click",eventID:"SheetEvent.Click",callback:function(r){let s=x.getSessionStates();if(!s)return;let{val_sheets:i}=s,o=r.target;if(!o||o!=null&&o.closest("."+g("CustomSheet")))return;let v=i.filter(C=>C.type=="custom");v.length&&v.forEach(C=>{let{parent:R}=C;if(!C.closeAtAroundClick)return;let D=K(R)[0];R!==o&&D!==o&&(d(D).find(o).length||E.close(C.sheetID))})}})},[]),h(ae,{children:t.map(c=>h($.Core,b(m({},u),{val_sheet:c,patch_sheet:r=>{e(s=>{let i=[...s],o=i.findIndex(v=>v.sheetID==c.sheetID);return o==-1||(i[o]=m(m({},i[o]),r)),i})},delete_sheet:()=>{e(r=>{let s=[...r],i=s.findIndex(o=>o.sheetID==c.sheetID);return i==-1||s.splice(i,1),s})}}),c.sheetID))})},sheetCategory:t=>t=="custom"?"custom":t.startsWith("drawer")?"drawer":"normal",sheetPosition:t=>t=="drawer.left"?"left":t=="drawer.right"?"right":t=="drawer.bottom"?"bottom":"",Core:t=>{let{val_sheet:e,patch_sheet:u}=t,[a,c]=U(x.currentIndex+2),[r]=U(Z()),s=e.type!="custom"&&!e.overwrap;H(()=>{x.currentIndex++,d.scope(()=>{if(!e.closeAtParentBlur)return;let o=d(e.parent);o[0]&&o.addEvent({eventID:"SheetClosation-"+e.sheetID,eventType:"mouseout",callback:()=>{o.removeEvent("SheetClosation-"+e.sheetID),u({isOpen:!1})}})}),w.set({[e.sheetID]:{resize:o=>{if(e.type=="drawer.bottom"){let v=w.get(r);v&&v.resize&&v.resize(o)}else(e.type.includes("normal")||e.type.includes("drawer"))&&u({size:o})},close:o=>{u({isOpen:!1})},open:()=>{u({isOpen:!0})}}})},[]),H(()=>{d.scope(()=>{let o=K("#"+r);if(e.isOpen){e.hold_state&&c(x.currentIndex+1),o.await(10).removeClass(g("Hide")).await(10).addClass(g("Open")).callback(()=>{delete x.openQueue[e.sheetID],e.onOpen&&e.onOpen()});return}o.await(10).removeClass(g("Open")).await(251).addClass(g("Hide")).callback(()=>{if(e.onClose&&e.onClose(),s&&X.get().browserIs!="safari"&&d(X.get().appRoot).focus(),e.hold_state)return u({isOpen:!1});t.delete_sheet()})})},[e.isOpen]);let i=$.Types[{topLeft:"Normal",topCenter:"Normal",topRight:"Normal",middleLeft:"Normal",middleCenter:"Normal",middleRight:"Normal",bottomLeft:"Normal",bottomCenter:"Normal",bottomRight:"Normal","drawer.left":"Edge","drawer.right":"Edge","drawer.bottom":"Bottom",custom:"Custom"}[e.type]];return h(A,{className:["AMOTIFY_be",g("Wrap"),g("Tcate_"+$.sheetCategory(e.type)),g("Tpos_"+$.sheetPosition(e.type)),g("isMainSheet_"+s)].join(" "),width:1,ssAbsoluteCovered:!0,position:"fixed",freeCSS:{zIndex:a},id:r,children:F(oe,{className:g("Content"),gap:0,height:"viewHeight",overflow:"auto",transition:"middle",children:[!!s&&h(A,{className:g("TapSensor"),position:"sticky",top:0,height:0,width:1,flexSizing:"none",children:h(A,{backgroundColor:"trans",height:"viewHeight",position:"absolute",top:0,width:1,className:g("TapContent"),onClick:o=>{var C;((C=e.closeAtAroundClick)==null||C)&&E.close(e.sheetID)}})}),h(i,m({componentId:r},e))]})},r)},Types:{Normal:t=>{let k=t,{sheetID:e,sheetGroups:u,bodyScrolls:a,content:c,className:r="",type:s,size:i="R",freeCSS:o,onOpen:v,onClose:C,closeAtAroundClick:R,closeAtEscapeKeyDown:D,closeAtPageTransit:L,closeAtParentBlur:J,closeAtSwipeDown:Y,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:N}=k,M=G(k,["sheetID","sheetGroups","bodyScrolls","content","className","type","size","freeCSS","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T={},y=[];return s.match(/top/)?(y.push("top"),T.marginBottom="auto"):s.match(/middle/)?(y.push("center"),T.marginTop="auto",T.marginBottom="auto"):s.match(/bottom/)&&(y.push("bottom"),T.marginTop="auto"),s.match(/left/i)?(y.push("left"),T.marginRight="auto"):s.match(/center/i)?(y.push("center"),T.marginLeft="auto",T.marginRight="auto"):s.match(/right/i)&&(y.push("right"),T.marginLeft="auto"),h(A,b(m(m({className:[g("BB"),r].join(" "),padding:1,transition:"short",opacity:"trans"},M),T),{freeCSS:m({width:{S:"26rem",R:"36rem",L:"44rem","2L":"60rem","3L":"72rem",MAX:"100%"}[i],maxWidth:"96vw",transformOrigin:y.join(" ")},o),children:d.is.function(c)?h(c,{}):c}))},Edge:t=>{let M=t,{sheetID:e,sheetGroups:u,bodyScrolls:a,type:c,content:r,className:s="",size:i="R",onOpen:o,onClose:v,closeAtAroundClick:C,closeAtEscapeKeyDown:R,closeAtPageTransit:D,closeAtParentBlur:L,closeAtSwipeDown:J,hold_state:Y,overwrap:q,isOpen:ee,backgroundEffect:te}=M,N=G(M,["sheetID","sheetGroups","bodyScrolls","type","content","className","size","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]);return h(A,b(m(b(m({className:[g("BB"),s].join(" ")},c=="drawer.right"?{marginLeft:"auto"}:c=="drawer.left"?{marginRight:"auto"}:{}),{opacity:"trans",transition:"short",position:"relative",backgroundColor:"layer.1",flexSizing:"none",minHeight:"viewHeight",boxShadow:"3.remark"}),N),{freeCSS:m({width:{S:"20rem",R:"27rem",L:"32rem","2L":"40rem","3L":"58rem",MAX:"100vw"}[i],maxWidth:"96vw"},N.freeCSS),children:d.is.function(r)?h(r,{}):r}))},Bottom:t=>{let j=t,{componentId:e,sheetID:u,sheetGroups:a,bodyScrolls:c,content:r,size:s="R",sizeChanged:i,baseStyles:o,onOpen:v,onClose:C,closeAtAroundClick:R,closeAtEscapeKeyDown:D,closeAtPageTransit:L,closeAtParentBlur:J,closeAtSwipeDown:Y=!0,hold_state:q,overwrap:ee,isOpen:te,backgroundEffect:N}=j,M=G(j,["componentId","sheetID","sheetGroups","bodyScrolls","content","size","sizeChanged","baseStyles","onOpen","onClose","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","overwrap","isOpen","backgroundEffect"]),T=d.getScreenSize(),y=[0,.2,.6,.95],k={ZERO:0,S:1,R:2,L:3,"2L":3,"3L":3,MAX:3},[W,Q]=U(s),[I,_]=U({process:!1,processStart:0,originY:0,originValue:0,viewHeight:0,value:y[k[s]]});w.update({[e]:{val_edit:I,resize:S=>{let f=y[k[S]];_(p=>b(m({},p),{value:f})),Q(S)}}});const B={Start:S=>{d(document).addEvent({eventID:"BottomSheetMouseMove",eventType:"mousemove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetTouchMove",eventType:"touchmove",callback:B.Move,options:{passive:!1}}).addEvent({eventID:"BottomSheetMouseUp",eventType:"mouseup",callback:B.End}).addEvent({eventID:"BottomSheetTouchEnd",eventType:"touchend",callback:B.End});let f=d.getCursor(S),p=b(m({},I),{process:!0,processStart:new Date().getTime(),originY:f.y,originValue:I.value,viewHeight:d.getScreenSize().height});w.update({[e]:{val_edit:p}}),_(p)},Move:S=>{var O;let f=(O=w.get(e))==null?void 0:O.val_edit;if(!f.process)return;let z=(d.getCursor(S).y-f.originY)/f.viewHeight,n=f.originValue-z;if(n>.95)n=.95+(n-.95)*.5;else if(n<.2){let P=.2-n;P-=.1,n=.1+(.1-P)*.5}return _(b(m({},f),{value:n})),S.preventDefault(),S.stopPropagation(),!1},End:S=>{var n;let f=(n=w.get(e))==null?void 0:n.val_edit;if(!f.process)return;d(document).removeEvent(["BottomSheetMouseMove","BottomSheetTouchMove","BottomSheetMouseUp","BottomSheetTouchEnd"]);let p=0;if(f.value<.1||(f.value<.5?p=1:f.value>.75?p=3:p=2),new Date().getTime()-f.processStart<300){let O=d.getCursor(S).y-f.originY;if(Math.abs(O)>=20){let P=+(O<0)*2-1;p+=P,p=Math.min(Math.max(p,0),y.length-1)}}p==0&&(Y||(p=1)),Q(["ZERO","S","R","L"][p]),_(b(m({},f),{value:y[p],process:!1}))}},V=pe(!1);return H(()=>{V.current?W=="ZERO"?Y&&E.close(u):setTimeout(()=>{t.sizeChanged&&t.sizeChanged(W)},250):V.current=!0},[W]),h(A,{className:g("BB"),margin:[0,"auto"],marginTop:"auto",opacity:"trans",width:1,transition:"long",freeCSS:m({maxWidth:12*60,height:T.height*I.value},I.process?{transition:"0s"}:{}),children:F(oe,b(m({gap:0,flexSizing:"none",borderTopLeftRadius:"1.tone.primary",borderTopRightRadius:"1.tone.primary",borderBottom:"unset",boxShadow:"3.remark",position:"relative",overflow:"hidden",height:1},o),{children:[F(ne.Separate,{padding:1,backgroundColor:"layer.1",position:"relative",freeCSS:{userSelect:"none"},children:[h(A,{ssSphere:2.5}),h(ne.Center,{onPointerDown:B.Start,flexSizing:0,padding:"2/3",ssPushable:!0,isRounded:!0,freeCSS:{cursor:"grab",userSelect:"none"},children:h(A,{unitWidth:6,unitHeight:"1/2",backgroundColor:"layer.4",isRounded:!0,className:g("DragBar")})}),h(ie.Sub,{color:"cloud",ssSphere:2.5,onClick:()=>{E.close(u)},children:h(re.X,{})})]}),h(A,b(m({backgroundColor:"layer.1",flexSizing:0,overflow:"auto"},M),{children:d.is.function(r)?h(r,{}):r}))]}))})},Custom:t=>{let j=t,{sheetID:e,sheetGroups:u,bodyScrolls:a,event:c,parent:r,nextToCursor:s,gravityPoint:i=22,content:o,closeAtAroundClick:v,closeAtEscapeKeyDown:C,closeAtPageTransit:R,closeAtParentBlur:D,closeAtSwipeDown:L,hold_state:J,onOpen:Y,onClose:q,overwrap:ee,isOpen:te,resize:N,backgroundEffect:M}=j,T=G(j,["sheetID","sheetGroups","bodyScrolls","event","parent","nextToCursor","gravityPoint","content","closeAtAroundClick","closeAtEscapeKeyDown","closeAtPageTransit","closeAtParentBlur","closeAtSwipeDown","hold_state","onOpen","onClose","overwrap","isOpen","resize","backgroundEffect"]),[y]=U(Z()),k=d.is.element(r)||d.is.jmini(r)?d(r):K(r),W='[data-sheet-id="'+y+'"]',Q='[data-sheet-content="'+y+'"]';i=i;let I=i%5||5,_=Math.ceil(i/5);const B={Init:()=>{if(s&&c){let l=d.getScreenSize(),se=d.getCursor(c);return{top:se.y-l.pageYOffset,left:se.x-l.pageXOffset}}let S={};if(!k||!k[0])return S;let{top:f,right:p,bottom:z,left:n,height:O,width:P}=k.position();return[1,2].includes(I)?S.left=n:I==3?S.left=n+P/2:[4,5].includes(I)&&(S.left=p),i<=10?S.top=f:i<=15?S.top=f+O/2:i<=25&&(S.top=z),S},Adjust:()=>{let S=K(W).position(),f=K(Q).position(),p=k.position(),z=d.getScreenSize(),n={};for(let l in f)n[l]=f[l];if(d.scope(()=>{if(t.nextToCursor)return;let l=0;_==1?l=p.top-n.bottom:_==2?l=p.top-n.top:_==3?l=p.top-n.top+(p.height-n.height)/2:_==4?l=p.bottom-n.bottom:_==5&&(l=p.bottom-n.top),n.top+=l,n.bottom+=l}),d.scope(()=>{if(t.nextToCursor)return;let l=0;I==1?l=p.left-n.right:I==2?l=p.left-n.left:I==3?l=p.left-n.left+(p.width-n.width)/2:I==4?l=p.right-n.right:I==5&&(l=p.right-n.left),n.left+=l,n.right+=l}),n.top<0){let l=-n.top;n.top+=l,n.bottom+=l}if(n.bottom>z.height){let l=n.bottom-z.height;n.top-=l,n.bottom-=l}if(n.left<0){let l=-n.left;n.left+=l,n.right+=l}if(n.right>z.width){let l=n.right-z.width;n.left-=l,n.right-=l}let O=n.top-f.top,P=n.left-f.left;d(W).css({top:S.top+O+"px",left:S.left+P+"px"})}};let[V]=U(B.Init());return H(()=>{K(W).await(10).addClass(g("Open")).await(200).callback(()=>{(N==null||N)&&B.Adjust()}),w.update({["customSheet-"+t.sheetID]:{reposition:()=>{B.Adjust()}}})},[]),k[0]?h(A,{className:[g("BB"),g("CustomSheet")].join(" "),"data-sheet-id":y,transition:"long",position:"absolute",width:0,height:0,opacity:"trans",flexCenter:!0,freeCSS:V,children:h(ue,{position:"absolute",className:[g("GPT"),g("GPT_"+i),g("Col_"+I),g("Row_"+_)].join(" "),children:h(A,b(m({"data-sheet-content":y,flexSizing:"none",maxHeight:"viewHeight"},T),{freeCSS:m({maxWidth:"98vw"},T.freeCSS),children:d.is.function(o)?h(o,{}):o}))})}):null}}},E={Wrapper:()=>h($.Wrapper,{}),Element:t=>{let c=t,{isOpen:e,children:u}=c,a=G(c,["isOpen","children"]);return H(()=>{if(e){E.open(t.type,b(m({},a),{content:u}));return}a.sheetID&&E.close(a.sheetID)},[e]),h(ae,{})},image:(t,e)=>{let u=t.sheetID||Z(),r=t,{type:a}=r,c=G(r,["type"]);E.open(a||"topCenter",b(m({size:"MAX"},c),{sheetID:u,freeCSS:{maxWidth:"100vw"},content:()=>{let[s]=U(d.flatArray(e));return h(de,{children:F(oe,{children:[h(ne.Right,{children:F(ie.Sub.S,{color:"cloud",isRounded:!0,onClick:()=>{E.close(u)},children:[h(re.X,{})," \u9589\u3058\u308B"]})}),h(ce.Layout,{gap:1,gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,auto)",gridChildTemplates:[["span 3",0],["span 2","span 2"],[0,0],[0,0],[0,"span 2"],["span 2",0],[0,0],[0,0]],children:s.map((i,o)=>h(he,{ssCardBox:!0,position:"relative",flexCenter:!0,src:i},o))})]})})}}))},open:(t,e,u)=>{e.sheetID=(e.sheetID||"").replace(/\./g,"-"),e.type=t;let a=w.get("Sheet-"+X.get().sessionUID);a&&a.add(e,u)},resize:t=>{t.sheetID=(t.sheetID||"").replace(/\./g,"-");let e=w.get(t.sheetID);e&&e.resize&&e.resize(t.size)},customSheet:{reposition:t=>{let e=w.get("customSheet-"+t);e&&e.reposition&&e.reposition()}},close:function(t,e,u){let a=x.getSessionStates();if(!a)return;let{val_sheets:c}=a;t=t==null?void 0:t.replace(/\./g,"-");let r=c.find(i=>i.sheetID==t);if(!r||e=="Escape"&&!r.closeAtEscapeKeyDown)return;let s=w.get(r.sheetID);s&&s.close&&s.close(u)},closeGroup:t=>{let e=x.getSessionStates();if(!e)return;let{val_sheets:u}=e;t=(t||"").replace(/\./g,"-");for(let a of u)a.sheetGroups&&a.sheetGroups==t&&E.close(a.sheetID)},closeAll:t=>{let e=x.getSessionStates();if(!e)return;let{val_sheets:u}=e;for(let a of u)t&&!a.closeAtPageTransit||E.close(a.sheetID,"pageTransit",!0)},Body:t=>h(A,m({className:g("BaseBody"),backgroundColor:"layer.1",borderRadius:"1.tone.primary",position:"relative",boxShadow:"3.remark",transition:"long"},t))};export{E as Sheet,E as default};

package/dist/fn/Snackbar.d.ts

@@ -6,14 +6,14 @@ declare namespace Snackbar {
         add(props: AddInput): Snackbar.Methods;
         remove(snackID: string): Snackbar.Methods;
         removeALL(): Snackbar.Methods;
-        Wrapper(): JSX.Element;
+        Wrapper(): React.JSX.Element;
     };
     type AddInput = Omit<Box.DefaultInput, 'children'> & {
-        children?: ReactElement | (() => JSX.Element);
+        children?: ReactElement | (() => React.JSX.Element);
         customChildren?: {
             (p: {
                 close(): void;
-            }): JSX.Element;
+            }): React.JSX.Element;
         };
         snackID?: string;
         secondsToClose?: number;

package/dist/fn/Snackbar.js

@@ -1 +1 @@
-import{b as m,c as p,d as D}from"../chunk-C5N2D3ZX.js";import{Fragment as y,jsx as a,jsxs as M}from"react/jsx-runtime";import{createElement as T}from"react";import x,{UUID as k,useStore as i}from"jmini";import{Config as I,$$fromRoot as w}from"../@utils";import{useState as g,useEffect as b}from"react";import{Box as A,Flex as B,FAI as E}from"../atoms";import{Row as F}from"../mols";import{Button as _}from"./Button";import{SnackbarClasses as h}from"../@styles/componentClasses";const u={add:function(o){let t=i.get("Snackbar-"+I.get().sessionUID);return t&&t.add(o),this},remove:function(o){let t=i.get("Snackbar-"+I.get().sessionUID);return t&&t.remove(o),this},removeALL:function(){let o=i.get("Snackbar-"+I.get().sessionUID);return o&&o.removeALL(),this},Wrapper:()=>a(L.Wrapper,{})},L={Cell:o=>{let C=o,{snackID:t,secondsToClose:r,componentId:f=k(),children:d,customChildren:e}=C,s=D(C,["snackID","secondsToClose","componentId","children","customChildren"]),[n]=g(f),[l,c]=g(o.secondsToClose||10);b(()=>{let v=w('[data-component-id="'+n+'"]');setTimeout(()=>{v.addClass(h("FadeIn"))},10),i.set({["Snackbar-"+t]:{remove:()=>{v.addClass(h("FadeOut"))}}})},[]),b(()=>{x.interval.once(()=>{l<=0||c(l-1)},1e3,"Snackbar-"+n),l===0&&u.remove(t)},[l]);let S=a(y,{});return e?S=a(e,{close:()=>{u.remove(t)}}):S=M(F.Separate,{verticalAlign:"top",children:[a(A,{padding:["1/4",0],flexSizing:0,children:x.is.function(d)?a(d,{}):d}),a(_.Clear,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(t)},children:a(E.X,{})})]}),a(A,p(m({className:h("Cell"),componentId:n,onMouseOver:()=>{c(-1)},onMouseOut:()=>{c(r||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},s),{children:S}))},Wrapper:()=>{let[o,t]=g(k()),[r,f]=g([]);b(()=>{i.set({["Snackbar-"+I.get().sessionUID]:{add:e=>{e.snackID=e.snackID||k();let s=r.findIndex(n=>n.snackID==e.snackID);if(s==-1)r.unshift(p(m({},e),{snackID:e.snackID}));else{let n=[...r];n[s]=p(m({},e),{snackID:e.snackID}),r=n}t(k())},remove:e=>{let s=i.get("Snackbar-"+e);s&&s.remove&&(s.remove(),setTimeout(()=>{let n=r.findIndex(c=>c.snackID==e);if(n==-1)return;let l=[...r];l.splice(n,1),f(l)},210))},removeALL:()=>{f([])}}})},[r.length]);let d=r.map(e=>T(L.Cell,p(m({},e),{key:e.snackID})));return a(B,{className:["AMOTIFY_be","AMOTIFY_be_snackbar",h("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:d})}};export{u as Snackbar,u as default};
+import{b as m,c as p,d as D}from"../chunk-C5N2D3ZX.js";import{Fragment as _,jsx as a,jsxs as y}from"react/jsx-runtime";import{createElement as M}from"react";import x,{UUID as k,useStore as i}from"jmini";import{Config as I,$$fromRoot as w}from"../@utils";import{useState as g,useEffect as b}from"react";import{Box as A,Flex as R,FAI as B}from"../atoms";import{Row as E}from"../mols";import{Button as F}from"./Button";import{SnackbarClasses as h}from"../@styles/componentClasses";const u={add:function(o){let t=i.get("Snackbar-"+I.get().sessionUID);return t&&t.add(o),this},remove:function(o){let t=i.get("Snackbar-"+I.get().sessionUID);return t&&t.remove(o),this},removeALL:function(){let o=i.get("Snackbar-"+I.get().sessionUID);return o&&o.removeALL(),this},Wrapper:()=>a(L.Wrapper,{})},L={Cell:o=>{let C=o,{snackID:t,secondsToClose:r,componentId:f=k(),children:d,customChildren:e}=C,s=D(C,["snackID","secondsToClose","componentId","children","customChildren"]),[n]=g(f),[l,c]=g(o.secondsToClose||10);b(()=>{let v=w('[data-component-id="'+n+'"]');setTimeout(()=>{v.addClass(h("FadeIn"))},10),i.set({["Snackbar-"+t]:{remove:()=>{v.addClass(h("FadeOut"))}}})},[]),b(()=>{x.interval.once(()=>{l<=0||c(l-1)},1e3,"Snackbar-"+n),l===0&&u.remove(t)},[l]);let S=a(_,{});return e?S=a(e,{close:()=>{u.remove(t)}}):S=y(E.Separate,{verticalAlign:"top",children:[a(A,{padding:["1/4",0],flexSizing:0,children:x.is.function(d)?a(d,{}):d}),a(F.Clear,{color:"layer",backgroundColor:"layer.4.opa.low",fontColor:"white",ssSphere:2.5,onClick:()=>{u.remove(t)},children:a(B.X,{})})]}),a(A,p(m({className:h("Cell"),componentId:n,onMouseOver:()=>{c(-1)},onMouseOut:()=>{c(r||10)},opacity:"trans",width:1,padding:"2/3",marginBottom:1,borderRadius:"1.tone.primary",fontColor:"white",boxShadow:"1.remark",backgroundColor:"dark",transition:"middle"},s),{children:S}))},Wrapper:()=>{let[o,t]=g(k()),[r,f]=g([]);b(()=>{i.set({["Snackbar-"+I.get().sessionUID]:{add:e=>{e.snackID=e.snackID||k();let s=r.findIndex(n=>n.snackID==e.snackID);if(s==-1)r.unshift(p(m({},e),{snackID:e.snackID}));else{let n=[...r];n[s]=p(m({},e),{snackID:e.snackID}),r=n}t(k())},remove:e=>{let s=i.get("Snackbar-"+e);s&&s.remove&&(s.remove(),setTimeout(()=>{let n=r.findIndex(c=>c.snackID==e);if(n==-1)return;let l=[...r];l.splice(n,1),f(l)},210))},removeALL:()=>{f([])}}})},[r.length]);let d=r.map(e=>M(L.Cell,p(m({},e),{key:e.snackID})));return a(R,{className:["AMOTIFY_be","AMOTIFY_be_snackbar",h("Wrapper")].join(" "),position:"fixed",right:0,bottom:0,paddingLeft:0,paddingRight:1,paddingBottom:"safeAreaBottom",verticalAlign:"bottom",overflow:"auto",UnderBreakPointStyles:{left:0,paddingLeft:1,width:"auto"},children:d})}};export{u as Snackbar,u as default};

package/dist/fn/Table/Data.d.ts

@@ -86,7 +86,7 @@ declare namespace Data {
         };
     };
     namespace Methods {
-        type Component = (props: Data.Input) => JSX.Element;
+        type Component = (props: Data.Input) => React.JSX.Element;
         type FNs = {
             __memoryID: string;
             getRowData(tableID: string): BodyRow[];

package/dist/fn/Table/Wrapper.d.ts

@@ -3,7 +3,7 @@ import { TableTypes } from '.';
 declare namespace Wrapper {
     type Input = TableTypes.UniInput & {
         type: TableTypes.Types;
-        JSXChildren: (p: any) => JSX.Element;
+        JSXChildren: (p: any) => React.JSX.Element;
     };
 }
 declare const Wrapper: React.FC<Wrapper.Input>;

package/dist/fn/Table/Wrapper.js

@@ -1 +1 @@
-import{b as t,c as l,d as p}from"../../chunk-C5N2D3ZX.js";import{jsx as s}from"react/jsx-runtime";import{UUID as C}from"jmini";import{GenerateHTMLProps as c}from"../../@utils";import d from"../../atoms/Box";import{DefaultCellStyles as S}from"./cellStyling";import{TableClasses as r}from"../../@styles/componentClasses";const n=y=>{let e=t({},y),{JSXChildren:i}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let o=l(t({tableID:e.tableID||C(),tone:e.tone},e),{cellStyles:t(t({},S(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(o=t({backgroundColor:"layer.1",borderRadius:"1.tone.primary"},o));let a=c(o),{className:m,style:f}=a,b=p(a,["className","style"]),T=[m,r("Wrap"),r("TableType_"+e.type),r("RowClickable_"+!!o.onRowClick)].join(" ");return s(d,{className:T,style:f,children:s(i,t({},b))})};export{n as Wrapper,n as default};
+import{b as t,c as l,d as p}from"../../chunk-C5N2D3ZX.js";import{jsx as s}from"react/jsx-runtime";import{UUID as c}from"jmini";import{GenerateHTMLProps as C}from"../../@utils";import d from"../../atoms/Box";import{DefaultCellStyles as S}from"./cellStyling";import{TableClasses as r}from"../../@styles/componentClasses";const n=y=>{let e=t({},y),{JSXChildren:i}=e;(!e.tone||e.tone=="auto")&&(e.tone="border",e.type=="drag"&&(e.tone="rowBorder"));let o=l(t({tableID:e.tableID||c(),tone:e.tone},e),{cellStyles:t(t({},S(e.type,e.tone)),e.cellStyles)});e.tone!="plain"&&(o=t({backgroundColor:"layer.1",borderRadius:"1.tone.primary"},o));let a=C(o),{className:m,style:f}=a,b=p(a,["className","style"]),T=[m,r("Wrap"),r("TableType_"+e.type),r("RowClickable_"+!!o.onRowClick)].join(" ");return s(d,{className:T,style:f,children:s(i,t({},b))})};export{n as Wrapper,n as default};

package/dist/fn/Tooltips.d.ts

@@ -20,7 +20,7 @@ declare namespace Tooltips {
         gravityPoint?: number;
         hold_state?: boolean;
         content: ReactElement | {
-            (): JSX.Element;
+            (): React.JSX.Element;
         };
         openAfter?(): void;
         closeAfter?(): void;

package/dist/index.d.ts

@@ -11,27 +11,27 @@ import * as fn from './fn';
 export * from './fn';
 declare const amotify: {
     RootViewController: fn.RootViewController.Methods;
-    Plate: import("react").FC<fn.Plate.Input>;
-    PageViewController: import("react").FC<fn.PageViewController.Input>;
+    Plate: React.FC<fn.Plate.Input>;
+    PageViewController: React.FC<fn.PageViewController.Input>;
     SwipeView: (p: fn.SwipeView.Input) => import("react/jsx-runtime").JSX.Element;
-    TabBar: import("react").FC<fn.TabBar.Input>;
+    TabBar: React.FC<fn.TabBar.Input>;
     Effect: {
         Ripple: import("./fn/Effect/Ripple").Ripple.Methods;
         Pudding: import("./fn/Effect/Pudding").Pudding.Methods;
-        FadeIn: import("react").FC<import("./fn/Effect/Fade").FadeIn.Input>;
-        FadeUp: import("react").FC<import("./fn/Effect/Fade").FadeUp.Input>;
+        FadeIn: React.FC<import("./fn/Effect/Fade").FadeIn.Input>;
+        FadeUp: React.FC<import("./fn/Effect/Fade").FadeUp.Input>;
     };
     Button: fn.Button.Methods;
     Label: fn.Label.Methods;
     Anchor: fn.Anchor.Methods;
     Input: typeof fn.Input;
-    RequiredSign: import("react").FC<atoms.Span.Input>;
-    RequiredShortSign: import("react").FC<atoms.Span.Input>;
-    OmitSign: import("react").FC<atoms.Span.Input>;
-    LeftIndicator: import("react").FC<fn.Parts.Input>;
-    RightIndicator: import("react").FC<fn.Parts.Input>;
-    RightIcon: import("react").FC<fn.Parts.Input>;
-    LeftIcon: import("react").FC<fn.Parts.Input>;
+    RequiredSign: React.FC<atoms.Span.Input>;
+    RequiredShortSign: React.FC<atoms.Span.Input>;
+    OmitSign: React.FC<atoms.Span.Input>;
+    LeftIndicator: React.FC<fn.Parts.Input>;
+    RightIndicator: React.FC<fn.Parts.Input>;
+    RightIcon: React.FC<fn.Parts.Input>;
+    LeftIcon: React.FC<fn.Parts.Input>;
     Table: typeof fn.Table;
     Sheet: fn.Sheet.Methods;
     Snackbar: fn.Snackbar.Methods;
@@ -39,24 +39,24 @@ declare const amotify: {
     Tooltips: fn.Tooltips.Methods;
     Tips: fn.Tips.Methods;
     Cropper: fn.Cropper.Methods;
-    PageNotFound: import("react").FC<fn.PageNotFound.Input>;
+    PageNotFound: React.FC<fn.PageNotFound.Input>;
     Accordion: mols.Accordion.Methods;
-    LinkifyText: import("react").FC<mols.LinkifyText.Input>;
-    List: import("react").FC<mols.List.Input>;
+    LinkifyText: React.FC<mols.LinkifyText.Input>;
+    List: React.FC<mols.List.Input>;
     ListItem: mols.ListItem.Methods;
     Row: mols.Row.Methods;
     Literal: mols.Literal.Methods;
-    Span: import("react").FC<atoms.Span.Input>;
-    P: import("react").FC<atoms.P.Input>;
-    Flex: import("react").FC<atoms.Box.DefaultInput>;
-    FlexBr: import("react").FC<atoms.Box.DefaultInput>;
-    FlexMargin: import("react").FC<atoms.Box.DefaultInput>;
-    Column: import("react").FC<atoms.Box.DefaultInput>;
-    Box: <T extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T>) => import("react/jsx-runtime").JSX.Element | null;
+    Span: React.FC<atoms.Span.Input>;
+    P: React.FC<atoms.P.Input>;
+    Flex: React.FC<atoms.Box.DefaultInput>;
+    FlexBr: React.FC<atoms.Box.DefaultInput>;
+    FlexMargin: React.FC<atoms.Box.DefaultInput>;
+    Column: React.FC<atoms.Box.DefaultInput>;
+    Box: <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T>) => import("react/jsx-runtime").JSX.Element | null;
     FAI: atoms.FAI.Methods;
-    Img: import("react").FC<atoms.Img.Input>;
+    Img: React.FC<atoms.Img.Input>;
     Logo: atoms.Logo.Methods;
-    Placeholder: import("react").FC<atoms.Placeholder.Input>;
+    Placeholder: React.FC<atoms.Placeholder.Input>;
     Card: atoms.Card.Methods;
     Grid: atoms.Grid.Methodds;
     Config: utils.Config.Methods;

package/dist/mols/List.d.ts

@@ -8,7 +8,7 @@ declare namespace List {
     };
     type Input = StyleTags.BasicElement & {
         ListChildCallback?: {
-            (p: ListChildCallbackProps): JSX.Element;
+            (p: ListChildCallbackProps): React.JSX.Element;
         };
         children?: ReactElement;
         items?: ReactElement[];
@@ -19,13 +19,13 @@ declare namespace ListItem {
     type Input = Flex.Input;
     namespace Methods {
         type Component = {
-            (p: Input): JSX.Element;
+            (p: Input): React.JSX.Element;
         };
         type FNs = {
-            Center: (p: Input) => JSX.Element;
-            Left: (p: Input) => JSX.Element;
-            Right: (p: Input) => JSX.Element;
-            Separate: (p: Input) => JSX.Element;
+            Center: (p: Input) => React.JSX.Element;
+            Left: (p: Input) => React.JSX.Element;
+            Right: (p: Input) => React.JSX.Element;
+            Separate: (p: Input) => React.JSX.Element;
         };
     }
     type Methods = Methods.Component & Methods.FNs;

package/dist/mols/List.js

@@ -1 +1 @@
-import{b as r,c as s,d}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{Box as o}from"../atoms";import{Row as p}from"../mols";const u=t=>{let m=t,{items:x=[],ListChildCallback:l}=m,a=d(m,["items","ListChildCallback"]);l=l||h;let c=x.map((C,i)=>e(l,{children:C,index:i},i));return e(o,s(r({htmlTag:"ul",children:c},a),{freeCSS:r({listStyle:"none"},a.freeCSS)}))},h=t=>e(o,r({htmlTag:"li",padding:"3/4",gap:"1/2",borderBottom:!0,flexWrap:!0},t)),n=h;n.Center=t=>e(o,{htmlTag:"li",children:e(p.Center,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),n.Left=t=>e(o,{htmlTag:"li",children:e(p.Left,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),n.Right=t=>e(o,{htmlTag:"li",children:e(p.Right,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),n.Separate=t=>e(o,{htmlTag:"li",children:e(p.Separate,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))});export{u as List,n as ListItem};
+import{b as r,c as s,d}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{Box as o}from"../atoms";import{Row as p}from"../mols";const u=t=>{let m=t,{items:c=[],ListChildCallback:a}=m,l=d(m,["items","ListChildCallback"]);a=a||h;let x=c.map((C,i)=>e(a,{children:C,index:i},i));return e(o,s(r({htmlTag:"ul",children:x},l),{freeCSS:r({listStyle:"none"},l.freeCSS)}))},h=t=>e(o,r({htmlTag:"li",padding:"3/4",gap:"1/2",borderBottom:!0,flexWrap:!0},t)),n=h;n.Center=t=>e(o,{htmlTag:"li",children:e(p.Center,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),n.Left=t=>e(o,{htmlTag:"li",children:e(p.Left,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),n.Right=t=>e(o,{htmlTag:"li",children:e(p.Right,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),n.Separate=t=>e(o,{htmlTag:"li",children:e(p.Separate,r({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))});export{u as List,n as ListItem};

package/dist/mols/Literal.d.ts

@@ -7,7 +7,7 @@ declare namespace Literal {
     } & React.HTMLAttributes<HTMLDivElement>;
     namespace Methods {
         type Component = {
-            (p: Input): JSX.Element;
+            (p: Input): React.JSX.Element;
         };
         type FNs = {
             NowrapSpan: React.FC<Span.Input>;

package/dist/mols/Literal.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.233",
+  "version": "0.2.234",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",
@@ -88,14 +88,14 @@
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@fortawesome/react-fontawesome": "^3.1.1",
     "dotenv": "^17.0.1",
     "jmini": "^0.0.102",
-    "react": "^18.3.1"
+    "react": "^19.2.3"
   },
   "devDependencies": {
     "@types/express": "^4.17.21",
-    "@types/react": "^18.3.3",
+    "@types/react": "^19.2.3",
     "ejs": "^3.1.10",
     "esbuild": "^0.23.0",
     "esbuild-sass-plugin": "^3.3.1",
@@ -106,8 +106,8 @@
     "npm-run-all": "^4.1.5",
     "postcss-modules": "^6.0.0",
     "prop-types": "^15.8.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^6.26.0",
+    "react-dom": "^19.2.3",
+    "react-router-dom": "^7.11.0",
     "ts-loader": "^9.5.1",
     "ts-node": "^10.9.2",
     "ts-node-dev": "^2.0.0",

package/demo/next/src/app/(hooks)/useClientEffect.tsx

@@ -1,83 +0,0 @@
-"use client"
-
-import {
-  useRouter,
-  usePathname
-} from 'next/navigation'
-
-import $$,{ Fetcher,UUID } from 'jmini'
-import {
-  useEffect,
-  useState
-} from 'react'
-
-import {
-  Config,
-  LaunchReactApp,
-  pageRouter,
-  RootViewController,
-  Column,
-  Box,
-  useRouterEffect,
-} from '../../../../../dist/index'
-
-
-const Page = ( p: {
-  children: React.ReactNode
-} ) => {
-  let pathname = usePathname()
-
-  useRouterEffect( { pathname } )
-
-  return <RootViewController.Base>
-    <Column
-      gap={ 0 }
-      position='relative'
-      minHeight={ 'contentHeight' }
-      freeCSS={ {
-        zIndex: 2
-      } }
-    >
-      <Box flexSizing={ 0 }>
-        { p.children }
-      </Box>
-    </Column>
-  </RootViewController.Base>
-}
-
-const UseClientEffect = ( args: {
-  children: React.ReactNode
-} ) => {
-  usePathname()
-  let router = useRouter()
-  let [ val_init,set_init ] = useState( false )
-
-  useEffect( () => {
-    if ( val_init ) return
-
-    Config.launch( {
-      appRoot: $$( '#RakumeoAppBody' )[ 0 ],
-
-      roundness: $$.localStorage.get( 'prf.roundness' ) ?? 4,
-      themeColor: $$.localStorage.get( 'prf.themeColor' ) || 'ninja',
-      darkMode: $$.localStorage.get( 'prf.darkMode' ) || 'light'
-    } )
-
-    pageRouter.setPushEffect( ( url ) => {
-      router.push( url )
-    } )
-    pageRouter.setBackEffect( () => {
-      router.back()
-    } )
-
-    set_init( true )
-  },[ val_init ] )
-
-  if ( !val_init ) return null
-
-  return <LaunchReactApp>
-    <Page children={ args.children } />
-  </LaunchReactApp>
-}
-
-export { UseClientEffect }