amotify 0.2.41 → 0.2.43

package/dist/fn/Table/Data.js

@@ -1 +1 @@
-import{b as n,c as x,d as Z}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as l,jsxs as _}from"react/jsx-runtime";import{useState as K,useEffect as ee}from"react";import w from"@mingoo/jsmin";import{useStore as k}from"../../@utils";import{Box as A,Flex as z,FAI as E,Span as ae,Column as le}from"../../atoms";import{Row as H}from"../../mols";import M from"../Button";import j from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as oe}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as se}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ie}from"@fortawesome/free-solid-svg-icons/faFilter";import P from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemAdjustingStyles as W}from"./cellStyling";import{TableClasses as S}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{var g,R;let{val_status:e,set_status:r,KeywordFilterRows:u}=n({},t),{order:d,filter:o}=e,[b,y]=d.current,h=[],c=[...e.head];if(e.checker){let s={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},a=W(s),i=e.cellStylesCallback?e.cellStylesCallback(s):{};h.push(l(P.TH,x(n(n(n({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),a),i),{freeCSS:x(n(n({},(g=e.cellStyles)==null?void 0:g.freeCSS),i.freeCSS),{zIndex:2}),className:[S("Cell"),e.cellClassName].join(" "),children:l(A,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:p})=>{let C=e.rows;C.forEach(B=>{B.checked=p}),r(x(n({},e),{rows:C}))}})})}),-1))}for(let s=0;s<e.colLength;s++){let a=c[s];if(!a)continue;let i=a.children||a.data,p=d.enabled&&d.column[s],C=o.enabled&&o.column[s],B=p?l(E,{fontSize:"1.mini",fontColor:s==b?"1.clear":"5.translucent",icon:s==b?y=="DESC"?oe:ne:se}):null,F=l(J,{});if(C){let v=u.map(O=>{var N;return(N=O[s])==null?void 0:N.data});v=[...new Set(v)].order({direction:"ASC"});let T=o.current[s];if(T){let O=v.filter(I=>!T.includes(I)),N=[];v.forEach(I=>{I&&N.push({value:I,label:l(A,{flexSizing:"auto",children:I})})});let $="BUTTON-"+e.componentID+"-"+s,q=e.componentID+"-"+s,Q={sheetID:q,parent:"#"+$,gravityPoint:23,type:"custom",content:_(z,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(le,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+s+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:I})=>{let V=v.filter(re=>!I.includes(re)),Y=n({},e);Y.filter.current[s]=V,r(Y)}})}),_(H.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(M.Button.Border.S,{isRounded:!0,onClick:()=>{j.close(q)},children:"\u9589\u3058\u308B"}),l(M.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let I=[];T.length||(I=v);let V=n({},e);V.filter.current[s]=I,r(V)},children:"\u5168\u9078\u629E"})]})]})};j.refresh(Q,!0),F=l(A,{className:S("FilterRegion"),children:l(M.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:S("Filtering_"+!!T.length),id:$,onClick:I=>{I.stopPropagation(),j.open(Q)},children:l(E,{icon:ie})})})}}let G={top:!0,bottom:!e.rows.length,left:e.checker?!1:s==0,right:s==e.colLength-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},te=W(G),X=e.cellStylesCallback?e.cellStylesCallback(G):{};a=x(n(n(n(n({},e.cellStyles),te),a),X),{ssPushable:p,freeCSS:n(n(n({},(R=e.cellStyles)==null?void 0:R.freeCSS),X.freeCSS),a.freeCSS),className:[S("Cell"),e.cellClassName,a.className].join(" ")}),delete a.orderIndex,h.push(l(P.TH,x(n({fontWeight:"2.normal",position:"sticky",top:0},a),{freeCSS:n({zIndex:2},a.freeCSS),onClick:v=>{if(p){let T=n({},e),O=[s,b===s&&y=="ASC"?"DESC":"ASC"];T.order.current=O,r(T),e.onOrderChanged&&e.onOrderChanged(O)}},children:_(z,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[F,_(z,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[B,i]})]})}),s))}return l(P.Row,{className:[S("Row"),S("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,u=[];if(r.forEach((d,o)=>{var h;let b=[...d],y=[];if(e.checker){let c={top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1},g=W(c),R=e.cellStylesCallback?e.cellStylesCallback(c):{};y.push(l(P.TH,x(n(n(n({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),g),R),{freeCSS:n(n({},(h=e.cellStyles)==null?void 0:h.freeCSS),R.freeCSS),className:[S("Cell"),e.cellClassName].join(" "),children:l(A,{flexCenter:!0,children:l(L.Checker,{label:null,value:d.checked,override:"force",onUpdateValidValue:({value:s})=>{let a=e.rows;a[o].checked=s,t.set_status(i=>x(n({},i),{rows:a}))}})})}),-1))}b.forEach((c,g)=>{var F;if(!c)return;let B=c,{type:R="td"}=B,s=Z(B,["type"]),a={top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:o,colIndex:g,isBody:!0,isHeader:!1},i=W(a),p=e.cellStylesCallback?e.cellStylesCallback(a):{};s=x(n(n(n(n({},e.cellStyles),i),s),p),{freeCSS:n(n(n({},(F=e.cellStyles)==null?void 0:F.freeCSS),s.freeCSS),p.freeCSS),className:[S("Cell"),e.cellClassName,s.className].join(" ")}),delete s.orderIndex;let C=P[R=="td"?"TD":"TH"];y.push(l(C,n({},s),g))}),u.push(l(P.Row,{className:[S("Row"),S("BodyRow")].join(" "),children:y,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(d.rowID),c)}},o))}),!r.length){let d=l(A,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(d=l(J,{children:e.noRecords})),u.push(l(P.Row,{className:[S("Row"),S("BodyRow"),S("DataNotFound")].join(" "),children:l(P.TD,{colSpan:e.colLength,className:S("Cell"),children:d})},"dataNotFound"))}return l(J,{children:u})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:u,filter:d,order:o,paging:b}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],g=[...e.rows];if(u&&(h=y.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...h],g=[...h]),d.enabled)for(let a=0;a<e.colLength;a++){let i=d.column[a],p=d.current[a];i&&p&&p.length&&(c=c.filter(C=>!p.includes(C[a].data)),g=[...c])}o.enabled&&(c=c.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),g=[...c]);{let{currentPageIndex:a,rowLength:i}=b;g=[...g].splice((a-1)*i,i)}let R=f.__memoryID+"_"+e.tableID,s={tableComponentDidMount:!0,totalRows:y.length,pageRows:g.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return k.update({[R]:{status:s,updatePageIndex:a=>{let i=Math.min(Math.max(1,a),e.paging.pageLength),p=n({},e);p.paging.currentPageIndex=i,r(p)},updateRowLength:a=>{let i=n({},e);i.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(c.length/a)},r(i)},updateKeyword:a=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let i=n({},e);i.searchKeyword=a,i.paging.currentPageIndex=1,i.filter.current=i.filter.current.map(()=>[]),r(i)})},getRowData:()=>{let a=[...y];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(i=>{i.currentPage=!1,i.filtered=!1}),g.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).currentPage=!0}),c.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).filtered=!0}),a}}}),ee(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(i=>{let p=k.get(i);p!=null&&p.refresh&&p.refresh()})}),l(A,{className:S("TableBase"),children:l(P.Table,{className:S("Table"),children:_(P.Body,{children:[l(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),l(f.Body,{val_status:e,set_status:r,PageRows:g})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=n({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.filter)?t.filter:(o=t.filter[d])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.order)?t.order:(o=t.order[d])!=null?o:!0}),t=n({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,d)=>{u.rowID=JSON.stringify(u.rowID||d);let o=[];u.forEach((b,y)=>{let{data:h,children:c,orderIndex:g}=b;b.orderIndex=w.is.exist(g)?String(g):String(h),b.children=c||String(h),o.push(String(b.data))}),u.__sys4SearchKey=o.join("/")}),l(f.StateManager,n({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:u=!1,searchKeyword:d="",filter:o,order:b,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=K(w.uuid.gen()),g={tableID:t.tableID||c,componentID:c,colLength:e,checker:u,searchKeyword:d,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:b!==!1,column:b,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[R,s]=K(g),[a,i]=K(t.eventID);return a!=t.eventID&&(i(t.eventID),s(g)),l(f.Core,{val_status:R,set_status:s})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=K(w.uuid.gen()),[r,u]=K(w.uuid.gen()),d=f.__memoryID+"_"+t;return ee(()=>(f.Propagations[t]=x(n({},f.Propagations[t]),{[e]:1}),k.set({[e]:{refresh:()=>{u(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=k.get(d))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=k.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},U={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{fontColor:"5.translucent",right:"2/3",children:l(E.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{m.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return _(z,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(ae,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let u=0;u<e.paging.pageLength;u++)r.push({value:u+1,label:(u+1).toString()});return _(H.Center,{children:[_(H.Center,{gap:"1/2",children:[l(L.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:e.paging.currentPageIndex,options:r,SelectorGravityPoint:24,onUpdateValidValue:({value:u})=>{m.setPageIndex(t.tableID,u)}}),"/ ",e.paging.pageLength]}),_(H.Right,{gap:"1/2",children:[l(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:l(E.ChevronLeft,{})}),l(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:l(E.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,u=0,d=t.lengthSelect.map(o=>(u|=+(o==r),{value:o,label:o.toString()}));return u||d.push({value:r,label:r.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(H.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:d,SelectorGravityPoint:24,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})})}},de=t=>l(ue,x(n({},t),{type:"data",JSXChildren:f.DataLeveler})),D=de;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=U.Info,D.Paging=U.Paging,D.RowLength=U.RowLength,D.SearchInput=U.SearchInput;export{D as Data,D as default};
+import{b as n,c as x,d as Z}from"../../chunk-C5N2D3ZX.js";import{Fragment as J,jsx as l,jsxs as _}from"react/jsx-runtime";import{useState as K,useEffect as ee}from"react";import w from"@mingoo/jsmin";import{useStore as k}from"../../@utils";import{Box as A,Flex as z,FAI as E,Span as ae,Column as le}from"../../atoms";import{Row as H}from"../../mols";import M from"../Button";import j from"../Sheet";import L from"../Input";import{faArrowUp as ne}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as oe}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faArrowRight as se}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faFilter as ie}from"@fortawesome/free-solid-svg-icons/faFilter";import P from"./Parts";import ue from"./Wrapper";import{DefaultCellSystemAdjustingStyles as W}from"./cellStyling";import{TableClasses as S}from"../../@styles/componentClasses";const f={__memoryID:w.uuid.gen(),Header:t=>{var g,R;let{val_status:e,set_status:r,KeywordFilterRows:u}=n({},t),{order:d,filter:o}=e,[b,y]=d.current,h=[],c=[...e.head];if(e.checker){let s={top:!0,bottom:!e.rows.length,left:!0,right:!e.colLength,rowIndex:0,colIndex:0,isBody:!1,isHeader:!0},a=W(s),i=e.cellStylesCallback?e.cellStylesCallback(s):{};h.push(l(P.TH,x(n(n(n({fontWeight:"2.normal",position:"sticky",top:0,unitWidth:4,padding:0},e.cellStyles),a),i),{freeCSS:x(n(n({},(g=e.cellStyles)==null?void 0:g.freeCSS),i.freeCSS),{zIndex:2}),className:[S("Cell"),e.cellClassName].join(" "),children:l(A,{flexCenter:!0,children:l(L.Checker,{label:null,value:!1,onUpdateValidValue:({value:p})=>{let C=e.rows;C.forEach(B=>{B.checked=p}),r(x(n({},e),{rows:C}))}})})}),-1))}for(let s=0;s<e.colLength;s++){let a=c[s];if(!a)continue;let i=a.children||a.data,p=d.enabled&&d.column[s],C=o.enabled&&o.column[s],B=p?l(E,{fontSize:"1.mini",fontColor:s==b?"1.clear":"5.translucent",icon:s==b?y=="DESC"?oe:ne:se}):null,F=l(J,{});if(C){let v=u.map(O=>{var N;return(N=O[s])==null?void 0:N.data});v=[...new Set(v)].order({direction:"ASC"});let T=o.current[s];if(T){let O=v.filter(I=>!T.includes(I)),N=[];v.forEach(I=>{I&&N.push({value:I,label:l(A,{flexSizing:"auto",children:I})})});let $="BUTTON-"+e.componentID+"-"+s,q=e.componentID+"-"+s,Q={sheetID:q,parent:"#"+$,gravityPoint:23,type:"custom",content:_(z,{flexType:"col",border:!0,boxShadow:"3.remark",backgroundColor:"layer.1",borderRadius:1,freeCSS:{minWidth:12*20,maxWidth:12*30},children:[l(le,{gap:"1/3",overflow:"auto",padding:"2/3",freeCSS:{maxHeight:12*30},children:l(L.Checkbox,{icon:!0,value:O,display:"flex",gap:"1/2",override:"force",options:N,hideInput:!0,name:"DTFilter-col-"+s+"-table-"+e.componentID,cellStyles:{flexSizing:"auto",padding:"2/3"},onUpdateValidValue:({value:I})=>{let V=v.filter(re=>!I.includes(re)),Y=n({},e);Y.filter.current[s]=V,r(Y)}})}),_(H.Separate,{gap:"2/3",padding:"2/3",horizontalAlign:"right",children:[l(M.Button.Border.S,{isRounded:!0,onClick:()=>{j.close(q)},children:"\u9589\u3058\u308B"}),l(M.Button.Prime.S,{color:"theme",isRounded:!0,ssEffectsOnActive:"shrink",onClick:()=>{let I=[];T.length||(I=v);let V=n({},e);V.filter.current[s]=I,r(V)},children:"\u5168\u9078\u629E"})]})]})};j.refresh(Q,!0),F=l(A,{className:S("FilterRegion"),children:l(M.Button.Sub.S,{ssSphere:2.5,fontSize:"1.mini",className:S("Filtering_"+!!T.length),id:$,onClick:I=>{I.stopPropagation(),j.open(Q)},children:l(E,{icon:ie})})})}}let G={top:!0,bottom:!e.rows.length,left:e.checker?!1:s==0,right:s==e.colLength-1,rowIndex:0,colIndex:s,isBody:!1,isHeader:!0},te=W(G),X=e.cellStylesCallback?e.cellStylesCallback(G):{};a=x(n(n(n(n({},e.cellStyles),te),a),X),{ssPushable:p,freeCSS:n(n(n({},(R=e.cellStyles)==null?void 0:R.freeCSS),X.freeCSS),a.freeCSS),className:[S("Cell"),e.cellClassName,a.className].join(" ")}),delete a.orderIndex,h.push(l(P.TH,x(n({fontWeight:"2.normal",position:"sticky",top:0},a),{freeCSS:n({zIndex:2},a.freeCSS),onClick:v=>{if(p){let T=n({},e),O=[s,b===s&&y=="ASC"?"DESC":"ASC"];T.order.current=O,r(T),e.onOrderChanged&&e.onOrderChanged(O)}},children:_(z,{flexType:"row-r",flexWrap:!1,height:1,borderRadius:"inherit",flexCenter:!0,children:[F,_(z,{flexSizing:0,position:"relative",borderRadius:"inherit",gap:"1/2",flexWrap:!1,verticalAlign:"center",horizontalAlign:"center",children:[B,i]})]})}),s))}return l(P.Row,{className:[S("Row"),S("HeadRow")].join(" "),children:h})},Body:t=>{let{val_status:e,PageRows:r}=t,u=[];if(r.forEach((d,o)=>{var h;let b=[...d],y=[];if(e.checker){let c={top:o==0&&!e.head,bottom:o==r.length-1,left:!0,right:!e.colLength,rowIndex:o,colIndex:0,isBody:!0,isHeader:!1},g=W(c),R=e.cellStylesCallback?e.cellStylesCallback(c):{};y.push(l(P.TH,x(n(n(n({unitWidth:4,padding:0,borderRight:!0},e.cellStyles),g),R),{freeCSS:n(n({},(h=e.cellStyles)==null?void 0:h.freeCSS),R.freeCSS),className:[S("Cell"),e.cellClassName].join(" "),children:l(A,{flexCenter:!0,children:l(L.Checker,{label:null,value:d.checked,override:"force",onUpdateValidValue:({value:s})=>{let a=e.rows;a[o].checked=s,t.set_status(i=>x(n({},i),{rows:a}))}})})}),-1))}b.forEach((c,g)=>{var F;if(!c)return;let B=c,{type:R="td"}=B,s=Z(B,["type"]),a={top:o==0&&!e.head,bottom:o==r.length-1,left:e.checker?!1:g==0,right:g==e.colLength-1,rowIndex:o,colIndex:g,isBody:!0,isHeader:!1},i=W(a),p=e.cellStylesCallback?e.cellStylesCallback(a):{};s=x(n(n(n(n({},e.cellStyles),i),s),p),{freeCSS:n(n(n({},(F=e.cellStyles)==null?void 0:F.freeCSS),s.freeCSS),p.freeCSS),className:[S("Cell"),e.cellClassName,s.className].join(" ")}),delete s.orderIndex;let C=P[R=="td"?"TD":"TH"];y.push(l(C,n({},s),g))}),u.push(l(P.Row,{className:[S("Row"),S("BodyRow")].join(" "),children:y,onClick:c=>{e.onRowClick&&e.onRowClick(JSON.parse(d.rowID),c)}},o))}),!r.length){let d=l(A,{padding:2,fontColor:"4.thin",textAlign:"center",borderTop:"1.thin",children:"\u30C6\u30FC\u30D6\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"});e.noRecords&&(d=l(J,{children:e.noRecords})),u.push(l(P.Row,{className:[S("Row"),S("BodyRow"),S("DataNotFound")].join(" "),children:l(P.TD,{colSpan:e.colLength,className:S("Cell"),children:d})},"dataNotFound"))}return l(J,{children:u})},Core:t=>{let{val_status:e,set_status:r}=t,{searchKeyword:u,filter:d,order:o,paging:b}=e,y=[...e.rows],h=[...e.rows],c=[...e.rows],g=[...e.rows];if(u&&(h=y.filter(a=>(a.__sys4SearchKey||"").match(new RegExp(u,"i"))?1:0),c=[...h],g=[...h]),d.enabled)for(let a=0;a<e.colLength;a++){let i=d.column[a],p=d.current[a];i&&p&&p.length&&(c=c.filter(C=>!p.includes(C[a].data)),g=[...c])}o.enabled&&(c=c.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]}),g=[...c]);{let{currentPageIndex:a,rowLength:i}=b;g=[...g].splice((a-1)*i,i)}let R=f.__memoryID+"_"+e.tableID,s={tableComponentDidMount:!0,totalRows:y.length,pageRows:g.length,filteredRows:c.length,filter:e.filter,order:e.order,paging:e.paging,searchKeyword:e.searchKeyword};return k.update({[R]:{status:s,updatePageIndex:a=>{let i=Math.min(Math.max(1,a),e.paging.pageLength),p=n({},e);p.paging.currentPageIndex=i,r(p)},updateRowLength:a=>{let i=n({},e);i.paging={rowLength:a,currentPageIndex:1,pageLength:Math.ceil(c.length/a)},r(i)},updateKeyword:a=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",200,()=>{let i=n({},e);i.searchKeyword=a,i.paging.currentPageIndex=1,i.filter.current=i.filter.current.map(()=>[]),r(i)})},getRowData:()=>{let a=[...y];return o.enabled&&(a=a.order({direction:o.current[1],keys:[o.current[0],"orderIndex"]})),a.forEach(i=>{i.currentPage=!1,i.filtered=!1}),g.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).currentPage=!0}),c.forEach(i=>{let{rowID:p}=i;a.find(C=>C.rowID==p).filtered=!0}),a}}}),ee(()=>{let a=f.Propagations[e.tableID]||[];Object.keys(a).forEach(i=>{let p=k.get(i);p!=null&&p.refresh&&p.refresh()})}),l(A,{className:S("TableBase"),children:l(P.Table,{className:S("Table"),children:_(P.Body,{children:[l(f.Header,{val_status:e,set_status:r,KeywordFilterRows:h}),l(f.Body,{val_status:e,set_status:r,PageRows:g})]})})})},Propagations:{},DataLeveler:t=>{var e,r;return t=n({},t),t.filter=(e=t.filter)!=null?e:!1,t.filter=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.filter)?t.filter:(o=t.filter[d])!=null?o:!1}),t.order=(r=t.order)!=null?r:!0,t.order=Array.from({length:t.colLength}).map((u,d)=>{var o;return w.is.boolean(t.order)?t.order:(o=t.order[d])!=null?o:!0}),t=n({checker:!1,searchKeyword:"",filter:!1,order:!0,defaultOrder:[0,"ASC"]},t),t.rows.forEach((u,d)=>{u.rowID=JSON.stringify(u.rowID||d);let o=[];u.forEach((b,y)=>{let{data:h,children:c,orderIndex:g}=b;b.orderIndex=w.is.exist(g)?String(g):String(h),b.children=c||String(h),o.push(String(b.data))}),u.__sys4SearchKey=o.join("/")}),l(f.StateManager,n({eventID:w.uuid.gen()},t))},StateManager:t=>{let{colLength:e,eventID:r,checker:u=!1,searchKeyword:d="",filter:o,order:b,defaultOrder:y=[0,"ASC"],pageRowLength:h=30}=t,[c]=K(w.uuid.gen()),g={tableID:t.tableID||c,componentID:c,colLength:e,checker:u,searchKeyword:d,filter:{enabled:o!==!1,column:o,current:Array.from({length:e},()=>[])},order:{enabled:b!==!1,column:b,current:y},paging:{rowLength:h,pageLength:Math.ceil(t.rows.length/h),currentPageIndex:1},head:t.head,rows:t.rows,noRecords:t.noRecords,cellStyles:t.cellStyles||{},cellClassName:t.cellClassName||"",cellStylesCallback:t.cellStylesCallback,onRowClick:t.onRowClick,onOrderChanged:t.onOrderChanged},[R,s]=K(g),[a,i]=K(t.eventID);return a!=t.eventID&&(i(t.eventID),s(g)),l(f.Core,{val_status:R,set_status:s})}},m={__memoryID:f.__memoryID,useStatus:t=>{var o;let[e]=K(w.uuid.gen()),[r,u]=K(w.uuid.gen()),d=f.__memoryID+"_"+t;return ee(()=>(f.Propagations[t]=x(n({},f.Propagations[t]),{[e]:1}),k.set({[e]:{refresh:()=>{u(w.uuid.gen())}}}),()=>{delete f.Propagations[t][e]}),[]),((o=k.get(d))==null?void 0:o.status)||{tableComponentDidMount:!1}},getRowData:t=>{let e=k.get(f.__memoryID+"_"+t);if(e!=null&&e.getRowData)return e.getRowData()},setPageIndex:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updatePageIndex&&r.updatePageIndex(e)},setRowLength:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateRowLength&&r.updateRowLength(e)},setSearchKeyword:(t,e)=>{let r=k.get(f.__memoryID+"_"+t);r!=null&&r.updateKeyword&&r.updateKeyword(e)}},U={SearchInput:t=>{let e=m.useStatus(t.tableID);return e.tableComponentDidMount?l(L.TextField,{label:"\u691C\u7D22...",clearButton:!0,padding:"2/3",paddingRight:3,rightIcon:l(L.RightIcon,{ssSphere:2,fontColor:"5.translucent",right:"2/3",children:l(E.Search,{})}),override:"force",value:e.searchKeyword,onUpdateValidValue:({value:r})=>{w.interval.clear("InputSearchTime"),w.interval.standBy("InputSearchTime",500,()=>{m.setSearchKeyword(t.tableID,r)})}}):null},Info:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.filteredRows.ratio(e.totalRows)||0;return _(z,{verticalAlign:"baseline",gap:"1/2",fontSize:"1.mini",fontColor:"3.blur",children:[l(ae,{fontSize:"4.thirdTitle",fontColor:"theme",children:e.filteredRows.toLocaleString()}),"/ ",e.totalRows.toLocaleString(),"\u4EF6 (",r,"%)"]})},Paging:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=[];for(let u=0;u<e.paging.pageLength;u++)r.push({value:u+1,label:(u+1).toString()});return _(H.Center,{children:[_(H.Center,{gap:"1/2",children:[l(L.Select,{label:"\u9805",freeCSS:{minWidth:12*3},emptySelect:!1,padding:["1/3","2/3"],rightIcon:!1,override:"force",value:e.paging.currentPageIndex,options:r,SelectorGravityPoint:24,onUpdateValidValue:({value:u})=>{m.setPageIndex(t.tableID,u)}}),"/ ",e.paging.pageLength]}),_(H.Right,{gap:"1/2",children:[l(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==1){m.setPageIndex(t.tableID,e.paging.pageLength);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex-1)},children:l(E.ChevronLeft,{})}),l(M.Button.Sub.R,{ssSphere:3,onClick:()=>{if(e.paging.currentPageIndex==e.paging.pageLength){m.setPageIndex(t.tableID,1);return}m.setPageIndex(t.tableID,e.paging.currentPageIndex+1)},children:l(E.ChevronRight,{})})]})]})},RowLength:t=>{let e=m.useStatus(t.tableID);if(!e.tableComponentDidMount)return null;let r=e.paging.rowLength,u=0,d=t.lengthSelect.map(o=>(u|=+(o==r),{value:o,label:o.toString()}));return u||d.push({value:r,label:r.toString()}),d=d.order({direction:"ASC",keys:["value"]}),l(H.Center,{gap:"1/2",children:l(L.Select,{label:"\u4EF6\u6570",emptySelect:!1,rightIcon:!1,override:"force",padding:["1/3","2/3"],value:e.paging.rowLength,options:d,SelectorGravityPoint:24,onUpdateValidValue:({value:o})=>{m.setRowLength(t.tableID,o)}})})}},de=t=>l(ue,x(n({},t),{type:"data",JSXChildren:f.DataLeveler})),D=de;D.__memoryID=f.__memoryID,D.useStatus=m.useStatus,D.getRowData=m.getRowData,D.setPageIndex=m.setPageIndex,D.setRowLength=m.setRowLength,D.setSearchKeyword=m.setSearchKeyword,D.Info=U.Info,D.Paging=U.Paging,D.RowLength=U.RowLength,D.SearchInput=U.SearchInput;export{D as Data,D as default};

package/dist/fn/Tips.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from '../@declares';
+declare namespace Tips {
+    type Methods = {
+        uid: string;
+        open(parent: HTMLElement, content: ReactElement, gravityPoint?: number, openIn?: number): void;
+        abort(): void;
+    };
+}
+declare const Tips: Tips.Methods;
+export { Tips };

package/dist/fn/Tips.js

@@ -0,0 +1 @@
+import"../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import e from"@mingoo/jsmin";import{Text as a}from"../mols";import{Tooltips as o}from".";const t={uid:e.uuid.gen(),open:(i,r,p=24,d=.35)=>{i&&(e.interval.clear(t.uid),e.interval.standBy(t.uid,d*1e3,()=>{o.open({tipsID:t.uid,parent:i,gravityPoint:p||24,padding:"1/2",content:n(o.Body,{padding:"1/2",borderRadius:"3.tone.tertiary",children:n(a.Supplement,{children:r})})})}))},abort:()=>{e.interval.clear(t.uid),o.close(t.uid)}};export{t as Tips};

package/dist/fn/index.d.ts

@@ -11,5 +11,6 @@ export * from './Sheet';
 export * from './Snackbar';
 export * from './Loader';
 export * from './Tooltips';
+export * from './Tips';
 export * from './Cropper';
 export * from './PageNotFound';

package/dist/fn/index.js

@@ -1 +1 @@
-export*from"./RootViewController";export*from"./Plate";export*from"./PageViewController";export*from"./SwipeView";export*from"./TabBar";export*from"./Effect";export*from"./Button";export*from"./Input";export*from"./Table";export*from"./Sheet";export*from"./Snackbar";export*from"./Loader";export*from"./Tooltips";export*from"./Cropper";export*from"./PageNotFound";
+export*from"./RootViewController";export*from"./Plate";export*from"./PageViewController";export*from"./SwipeView";export*from"./TabBar";export*from"./Effect";export*from"./Button";export*from"./Input";export*from"./Table";export*from"./Sheet";export*from"./Snackbar";export*from"./Loader";export*from"./Tooltips";export*from"./Tips";export*from"./Cropper";export*from"./PageNotFound";

package/dist/index.d.ts

@@ -35,6 +35,7 @@ declare const amotify: {
     Snackbar: fn.Snackbar.Methods;
     Loader: fn.Loader.Methods;
     Tooltips: fn.Tooltips.Methods;
+    Tips: fn.Tips.Methods;
     Cropper: fn.Cropper.Methods;
     PageNotFound: import("react").FC<fn.PageNotFound.Input>;
     DesignBook: () => import("react/jsx-runtime").JSX.Element;

package/dist/temps/designBook.js

@@ -1,14 +1,14 @@
-import{b as V,c as W,e as y}from"../chunk-C5N2D3ZX.js";import{Fragment as B,jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as D,useEffect as O}from"react";import S,{Filer as N}from"@mingoo/jsmin";import{Config as R,ThemeColors as J,Box as t,Span as K,Grid as c,Flex as h,FAI as g,Img as w,Logo as d,Column as p,Placeholder as j,List as P,ListItem as G,LinkifyText as $,Accordion as U,Row as s,Text as a,PageViewController as Q,SwipeView as Z,TabBar as ee,Plate as H,Table as b,Input as i,Button as r,Sheet as C,Snackbar as E,Tooltips as v,Loader as F,Effect as oe,Cropper as te,RootViewController as re}from"..";const k={index:()=>o(B,{children:[o(h,{gap:1,children:[e(t,{flexCenter:!0,children:e(j,{ssSphere:6,children:"Placeholder"})}),o(c,{gridCols:3,gap:1,flexSizing:"auto",children:[e(t,{padding:2,backgroundColor:"layer.1"}),e(t,{padding:2,backgroundColor:"layer.2"}),e(t,{padding:2,backgroundColor:"layer.3"}),e(t,{padding:2,backgroundColor:"layer.4"}),e(t,{padding:2,backgroundColor:"layer.5"}),e(t,{padding:2,backgroundColor:"layer.6"})]}),o(c,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(t,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(t,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(t,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(t,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(t,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(k.Fonts,{}),e(k.Box,{}),e(k.Flex,{}),e(k.Grid,{}),e(k.Others,{})]}),Fonts:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),o(t,{overflow:"auto",padding:1,children:[e(a.Description,{padding:1,children:`<Box
+import{b as V,c as W,e as y}from"../chunk-C5N2D3ZX.js";import{Fragment as B,jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as D,useEffect as O}from"react";import S,{Filer as N}from"@mingoo/jsmin";import{Config as R,ThemeColors as K,Box as t,Span as j,Grid as c,Flex as h,FAI as g,Img as w,Logo as d,Column as p,Placeholder as $,List as P,ListItem as G,LinkifyText as Q,Accordion as U,Row as s,Text as i,PageViewController as Z,SwipeView as ee,TabBar as oe,Plate as H,Table as C,Input as a,Button as r,Sheet as b,Snackbar as E,Tooltips as v,Tips as q,Loader as F,Effect as te,Cropper as re,RootViewController as ne}from"..";const k={index:()=>o(B,{children:[o(h,{gap:1,children:[e(t,{flexCenter:!0,children:e($,{ssSphere:6,children:"Placeholder"})}),o(c,{gridCols:3,gap:1,flexSizing:"auto",children:[e(t,{padding:2,backgroundColor:"layer.1"}),e(t,{padding:2,backgroundColor:"layer.2"}),e(t,{padding:2,backgroundColor:"layer.3"}),e(t,{padding:2,backgroundColor:"layer.4"}),e(t,{padding:2,backgroundColor:"layer.5"}),e(t,{padding:2,backgroundColor:"layer.6"})]}),o(c,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(t,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(t,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(t,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(t,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(t,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(k.Fonts,{}),e(k.Box,{}),e(k.Flex,{}),e(k.Grid,{}),e(k.Others,{})]}),Fonts:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),o(t,{overflow:"auto",padding:1,children:[e(i.Description,{padding:1,children:`<Box
   fontSize={ 0 ~ 8 }
 >
   some text
-</Box>`}),e(P,{items:[o(B,{children:["\u30FB Landing",o(t,{isSemiBoldFont:!0,fontSize:"7.landing",children:["Visualize Your ",e(K,{fontColor:"theme",children:"Colors"})," On a Real Website"]})]}),o(B,{children:["\u30FB Title",e(t,{fontSize:"6.title",children:"\u4EE4\u548C\uFF14\u5E74\u5EA6\u306E\u56FD\u6C11\u8CA0\u62C5\u7387\u3092\u516C\u8868\u3057\u307E\u3059"})]}),o(B,{children:["\u30FB SubTitle",e(t,{fontSize:"5.subTitle",children:"\u652F\u6255\u3044\u3092\u53D7\u3051\u4ED8\u3051\u308B"})]}),o(B,{children:["\u30FB ThirdTitle",e(t,{fontSize:"4.thirdTitle",children:"\u79DF\u7A0E\u8CA0\u62C5\u7387\u3068\u793E\u4F1A\u4FDD\u969C\u8CA0\u62C5\u7387\u3092\u5408\u8A08\u3057\u305F\u56FD\u6C11\u8CA0\u62C5\u7387\u306B\u3064\u3044\u3066\u3001\u4EE4\u548C\uFF14\u5E74\u5EA6\u306E\u898B\u901A\u3057\u3092\u63A8\u8A08\u3057\u307E\u3057\u305F\u306E\u3067\u3001\u516C\u8868\u3057\u307E\u3059\u3002"})]}),o(B,{children:["\u30FB Paragraph",e(a.Description,{fontSize:"3.paragraph",children:e($,{text:`
+</Box>`}),e(P,{items:[o(B,{children:["\u30FB Landing",o(t,{isSemiBoldFont:!0,fontSize:"7.landing",children:["Visualize Your ",e(j,{fontColor:"theme",children:"Colors"})," On a Real Website"]})]}),o(B,{children:["\u30FB Title",e(t,{fontSize:"6.title",children:"\u4EE4\u548C\uFF14\u5E74\u5EA6\u306E\u56FD\u6C11\u8CA0\u62C5\u7387\u3092\u516C\u8868\u3057\u307E\u3059"})]}),o(B,{children:["\u30FB SubTitle",e(t,{fontSize:"5.subTitle",children:"\u652F\u6255\u3044\u3092\u53D7\u3051\u4ED8\u3051\u308B"})]}),o(B,{children:["\u30FB ThirdTitle",e(t,{fontSize:"4.thirdTitle",children:"\u79DF\u7A0E\u8CA0\u62C5\u7387\u3068\u793E\u4F1A\u4FDD\u969C\u8CA0\u62C5\u7387\u3092\u5408\u8A08\u3057\u305F\u56FD\u6C11\u8CA0\u62C5\u7387\u306B\u3064\u3044\u3066\u3001\u4EE4\u548C\uFF14\u5E74\u5EA6\u306E\u898B\u901A\u3057\u3092\u63A8\u8A08\u3057\u307E\u3057\u305F\u306E\u3067\u3001\u516C\u8868\u3057\u307E\u3059\u3002"})]}),o(B,{children:["\u30FB Paragraph",e(i.Description,{fontSize:"3.paragraph",children:e(Q,{text:`
 This article discusses performance best practices for fonts.
-There are a variety of ways in which web fonts impact performance`})})]}),o(B,{children:["\u30FB Normal",e(t,{fontSize:"2.normal",children:"\u52B9\u7387\u7684\u3067\u6301\u7D9A\u53EF\u80FD\u306A\u8CA1\u653F\u3078\u306E\u8EE2\u63DB\u3092\u56F3\u308A\u3001\u3053\u306E\u8CA1\u653F\u69CB\u9020\u3092\u5404\u822C\u306E\u69CB\u9020\u6539\u9769\u3068\u3068\u3082\u306B\u63A8\u9032\u3059\u308B\u3053\u3068\u3067\u3001\u6C11\u9593\u9700\u8981\u4E3B\u5C0E\u306E\u6301\u7D9A\u7684\u7D4C\u6E08\u6210\u9577\u306E\u5B9F\u73FE\u3092\u76EE\u6307\u3057\u307E\u3059\u3002 \u5C11\u5B50\u30FB\u9AD8\u9F62\u5316\u3001\u56FD\u969B\u5316\u306A\u3069\u7D4C\u6E08\u793E\u4F1A\u306E\u69CB\u9020\u5909\u5316\u306B\u5BFE\u5FDC\u3067\u304D\u308B21\u4E16\u7D00\u306E\u3042\u308B\u3079\u304D\u7A0E\u5236\u3092\u304D\u305A\u304D\u307E\u3059\u3002 \u8CA1\u653F\u6295\u878D\u8CC7\u306F\u3001\u884C\u8CA1\u653F\u6539\u9769\u306E\u8DA3\u65E8\u3092\u8E0F\u307E\u3048\u3001\u6C11\u9593\u3067\u306F\u3067\u304D\u306A\u3044\u5206\u91CE\u30FB\u4E8B\u696D\u306A\u3069\u306B\u91CD\u70B9\u5316\u3092\u884C\u3044\u3001\u771F\u306B\u653F\u7B56\u7684\u306B\u5FC5\u8981\u306A\u8CC7\u91D1\u9700\u8981\u306B\u306F\u7684\u78BA\u306B\u5BFE\u5FDC\u3057\u307E\u3059\u3002 \u91D1\u878D\u5E81\u3068\u5354\u529B\u3057\u3001\u91D1\u878D\u306E\u30BB\u30FC\u30D5\u30C6\u30A3\u30CD\u30C3\u30C8\u3092\u6574\u5099\u3057\u3001\u91D1\u878D\u5371\u6A5F\u306B\u7D20\u65E9\u304F\u5BFE\u5FDC\u3059\u308B\u306A\u3069\u3001\u91D1\u878D\u30B7\u30B9\u30C6\u30E0\u306E\u5B89\u5B9A\u306E\u78BA\u4FDD\u3092\u76EE\u6307\u3057\u307E\u3059\u3002 \u56FD\u969B\u7684\u306A\u5354\u529B\u7B49\u306B\u7A4D\u6975\u7684\u306B\u53D6\u308A\u7D44\u3080\u3053\u3068\u306B\u3088\u308A\u3001\u56FD\u969B\u901A\u8CA8\u30B7\u30B9\u30C6\u30E0\u306E\u5B89\u5B9A\u30FB\u56FD\u969B\u8CBF\u6613\u306E\u79E9\u5E8F\u3042\u308B\u767A\u5C55\u3092\u76EE\u6307\u3057\u307E\u3059\u3002"})]}),o(B,{children:["\u30FB Mini",e(t,{fontSize:"1.mini",children:"Copyright \xA9 Ministry of Finance Japan. All Rights Reserved."})]})]})]})]}),Box:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Box"}),e(t,{padding:1,overflow:"auto",children:e(b.Normal,{ssCardBox:!1,borderRadius:0,height:1,tone:"cellBorder",colLength:2,head:!1,rows:[[{children:e(a.Description,{children:`<Box>
+There are a variety of ways in which web fonts impact performance`})})]}),o(B,{children:["\u30FB Normal",e(t,{fontSize:"2.normal",children:"\u52B9\u7387\u7684\u3067\u6301\u7D9A\u53EF\u80FD\u306A\u8CA1\u653F\u3078\u306E\u8EE2\u63DB\u3092\u56F3\u308A\u3001\u3053\u306E\u8CA1\u653F\u69CB\u9020\u3092\u5404\u822C\u306E\u69CB\u9020\u6539\u9769\u3068\u3068\u3082\u306B\u63A8\u9032\u3059\u308B\u3053\u3068\u3067\u3001\u6C11\u9593\u9700\u8981\u4E3B\u5C0E\u306E\u6301\u7D9A\u7684\u7D4C\u6E08\u6210\u9577\u306E\u5B9F\u73FE\u3092\u76EE\u6307\u3057\u307E\u3059\u3002 \u5C11\u5B50\u30FB\u9AD8\u9F62\u5316\u3001\u56FD\u969B\u5316\u306A\u3069\u7D4C\u6E08\u793E\u4F1A\u306E\u69CB\u9020\u5909\u5316\u306B\u5BFE\u5FDC\u3067\u304D\u308B21\u4E16\u7D00\u306E\u3042\u308B\u3079\u304D\u7A0E\u5236\u3092\u304D\u305A\u304D\u307E\u3059\u3002 \u8CA1\u653F\u6295\u878D\u8CC7\u306F\u3001\u884C\u8CA1\u653F\u6539\u9769\u306E\u8DA3\u65E8\u3092\u8E0F\u307E\u3048\u3001\u6C11\u9593\u3067\u306F\u3067\u304D\u306A\u3044\u5206\u91CE\u30FB\u4E8B\u696D\u306A\u3069\u306B\u91CD\u70B9\u5316\u3092\u884C\u3044\u3001\u771F\u306B\u653F\u7B56\u7684\u306B\u5FC5\u8981\u306A\u8CC7\u91D1\u9700\u8981\u306B\u306F\u7684\u78BA\u306B\u5BFE\u5FDC\u3057\u307E\u3059\u3002 \u91D1\u878D\u5E81\u3068\u5354\u529B\u3057\u3001\u91D1\u878D\u306E\u30BB\u30FC\u30D5\u30C6\u30A3\u30CD\u30C3\u30C8\u3092\u6574\u5099\u3057\u3001\u91D1\u878D\u5371\u6A5F\u306B\u7D20\u65E9\u304F\u5BFE\u5FDC\u3059\u308B\u306A\u3069\u3001\u91D1\u878D\u30B7\u30B9\u30C6\u30E0\u306E\u5B89\u5B9A\u306E\u78BA\u4FDD\u3092\u76EE\u6307\u3057\u307E\u3059\u3002 \u56FD\u969B\u7684\u306A\u5354\u529B\u7B49\u306B\u7A4D\u6975\u7684\u306B\u53D6\u308A\u7D44\u3080\u3053\u3068\u306B\u3088\u308A\u3001\u56FD\u969B\u901A\u8CA8\u30B7\u30B9\u30C6\u30E0\u306E\u5B89\u5B9A\u30FB\u56FD\u969B\u8CBF\u6613\u306E\u79E9\u5E8F\u3042\u308B\u767A\u5C55\u3092\u76EE\u6307\u3057\u307E\u3059\u3002"})]}),o(B,{children:["\u30FB Mini",e(t,{fontSize:"1.mini",children:"Copyright \xA9 Ministry of Finance Japan. All Rights Reserved."})]})]})]})]}),Box:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Box"}),e(t,{padding:1,overflow:"auto",children:e(C.Normal,{ssCardBox:!1,borderRadius:0,height:1,tone:"cellBorder",colLength:2,head:!1,rows:[[{children:e(i.Description,{children:`<Box>
 helloWorld!!
-</Box>`})},{children:e(t,{children:" helloWorld!! "})}],[{children:e(a.Description,{children:`<Box
+</Box>`})},{children:e(t,{children:" helloWorld!! "})}],[{children:e(i.Description,{children:`<Box
 children={ 'helloWorld!!' }
-/>`})},{children:e(t,{children:"helloWorld!!"})}],[{children:e(a.Description,{children:`<Box
+/>`})},{children:e(t,{children:"helloWorld!!"})}],[{children:e(i.Description,{children:`<Box
 fontColor={ '4.thin' }
 padding={ 1 }
 margin={ 1 }
@@ -17,29 +17,29 @@ borderRadius={ 2 }
 border={ 'normal' }
 children={ 'styleBox' }
 />
-`})},{children:e(t,{fontColor:"4.thin",padding:1,margin:1,textAlign:"center",borderRadius:2,border:!0,children:"styleBox"})}]]})})]}),Flex:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Flex"}),e(t,{padding:1,overflow:"auto",children:e(b.Normal,{ssCardBox:!1,borderRadius:0,height:1,colLength:2,tone:"cellBorder",head:!1,rows:[[{children:e(a.Description,{children:`<Flex flexType='row' gap={ 1 }>
+`})},{children:e(t,{fontColor:"4.thin",padding:1,margin:1,textAlign:"center",borderRadius:2,border:!0,children:"styleBox"})}]]})})]}),Flex:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Flex"}),e(t,{padding:1,overflow:"auto",children:e(C.Normal,{ssCardBox:!1,borderRadius:0,height:1,colLength:2,tone:"cellBorder",head:!1,rows:[[{children:e(i.Description,{children:`<Flex flexType='row' gap={ 1 }>
 <Box children={ 'FlexBox1' } />
 <Box children={ 'FlexBox2' } />
 <Box children={ 'FlexBox3' } />
-</Flex>`})},{children:o(h,{gap:1,flexType:"row",fontColor:"theme",children:[e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"theme.opa.low",children:"FlexBox1"}),e(t,{padding:1,borderRadius:1,flexCenter:!0,backgroundColor:"theme.opa.middle",children:"FlexBox2"}),e(t,{padding:1,borderRadius:1,flexCenter:!0,backgroundColor:"theme.opa.high",children:"FlexBox3"})]})}],[{children:e(a.Description,{textAlign:"left",children:`<Flex
+</Flex>`})},{children:o(h,{gap:1,flexType:"row",fontColor:"theme",children:[e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"theme.opa.low",children:"FlexBox1"}),e(t,{padding:1,borderRadius:1,flexCenter:!0,backgroundColor:"theme.opa.middle",children:"FlexBox2"}),e(t,{padding:1,borderRadius:1,flexCenter:!0,backgroundColor:"theme.opa.high",children:"FlexBox3"})]})}],[{children:e(i.Description,{textAlign:"left",children:`<Flex
 flexType='col'
 flexChilds={ 'auto' }
 >
 <Box />
 <Box />
 ...
-</Flex>`})},{children:o(B,{children:[o(h,{gap:1,flexCenter:!0,children:[e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.lightest"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.lighter"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.lighten"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.darken"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.darker"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.darkest"})]}),o(h,{gap:1,flexCenter:!0,children:[e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.1"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.2"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.3"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.4"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.5"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.6"})]})]})}],[{children:e(a.Description,{children:`<Flex gap={ 1 }>
+</Flex>`})},{children:o(B,{children:[o(h,{gap:1,flexCenter:!0,children:[e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.lightest"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.lighter"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.lighten"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.darken"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.darker"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.darkest"})]}),o(h,{gap:1,flexCenter:!0,children:[e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.1"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.2"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.3"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.4"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.5"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.6"})]})]})}],[{children:e(i.Description,{children:`<Flex gap={ 1 }>
 <Box flexGrid={ 2 } ... />
 <Box flexGrid={ 3 } ... />
 <Box flexGrid={ 4 } ... />
-</Flex>`})},{children:o(h,{gap:1,fontColor:"white",children:[e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"posi",flexGrid:2,children:"Box1"}),e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"nega",flexGrid:3,children:"Box2"}),e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"warn",flexGrid:4,children:"Box3"})]})}]]})})]}),Grid:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Grid"}),e(t,{style:{padding:1,overflow:"auto"},children:e(b.Normal,{ssCardBox:!1,height:1,backgroundColor:"nega",borderRadius:0,colLength:2,tone:"cellBorder",head:!1,rows:[[{children:e(a.Description,{children:`<Grid gridCols={ 3 } gap={ 1 }>
+</Flex>`})},{children:o(h,{gap:1,fontColor:"white",children:[e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"posi",flexGrid:2,children:"Box1"}),e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"nega",flexGrid:3,children:"Box2"}),e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"warn",flexGrid:4,children:"Box3"})]})}]]})})]}),Grid:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Grid"}),e(t,{style:{padding:1,overflow:"auto"},children:e(C.Normal,{ssCardBox:!1,height:1,backgroundColor:"nega",borderRadius:0,colLength:2,tone:"cellBorder",head:!1,rows:[[{children:e(i.Description,{children:`<Grid gridCols={ 3 } gap={ 1 }>
 <Box children={ 'GridBox1' } />
 <Box children={ 'GridBox2' } />
 <Box children={ 'GridBox3' } />
 <Box children={ 'GridBox4' } />
 <Box children={ 'GridBox5' } />
 <Box children={ 'GridBox6' } />
-</Grid>`})},{children:o(c,{gridCols:3,gap:1,children:[e(t,{border:!0,padding:1,backgroundColor:"layer.1",children:"GridBox1"}),e(t,{border:!0,padding:1,backgroundColor:"layer.2",children:"GridBox2"}),e(t,{border:!0,padding:1,backgroundColor:"layer.3",children:"GridBox3"}),e(t,{border:!0,padding:1,backgroundColor:"layer.4",children:"GridBox4"}),e(t,{border:!0,padding:1,backgroundColor:"layer.5",children:"GridBox5"}),e(t,{border:!0,padding:1,backgroundColor:"layer.6",children:"GridBox6"})]})}]]})})]}),Others:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Others"}),e(t,{padding:1,overflow:"auto",children:e(b.Normal,{ssCardBox:!1,height:1,borderRadius:0,colLength:2,tone:"cellBorder",head:!1,rows:[[{children:e(B,{children:e(a.Description,{children:`
+</Grid>`})},{children:o(c,{gridCols:3,gap:1,children:[e(t,{border:!0,padding:1,backgroundColor:"layer.1",children:"GridBox1"}),e(t,{border:!0,padding:1,backgroundColor:"layer.2",children:"GridBox2"}),e(t,{border:!0,padding:1,backgroundColor:"layer.3",children:"GridBox3"}),e(t,{border:!0,padding:1,backgroundColor:"layer.4",children:"GridBox4"}),e(t,{border:!0,padding:1,backgroundColor:"layer.5",children:"GridBox5"}),e(t,{border:!0,padding:1,backgroundColor:"layer.6",children:"GridBox6"})]})}]]})})]}),Others:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Others"}),e(t,{padding:1,overflow:"auto",children:e(C.Normal,{ssCardBox:!1,height:1,borderRadius:0,colLength:2,tone:"cellBorder",head:!1,rows:[[{children:e(B,{children:e(i.Description,{children:`
 <Button.Label
 htmlFor='testAccordion'
 type='sub'
@@ -53,27 +53,27 @@ children={
     in Accordion Element
   </>
 }
-/>`})})},{children:o(B,{children:[e(r.Label.Sub.R,{children:"ToggleButton",onClick:()=>{U.fn.toggle("testAccordion")}}),e(U,{accordionID:"testAccordion",defaultOpen:!0,children:"in Accordion Element"})]})}],[{children:e(a.Description,{children:`
+/>`})})},{children:o(B,{children:[e(r.Label.Sub.R,{children:"ToggleButton",onClick:()=>{U.fn.toggle("testAccordion")}}),e(U,{accordionID:"testAccordion",defaultOpen:!0,children:"in Accordion Element"})]})}],[{children:e(i.Description,{children:`
 <Img
 maxheight={ 8 }
 maxWidth={ 8 }
 src='...'
 alt='noImage'
 />
-                        `})},{children:e(w,{src:d.Images.defaultIcon("user"),alt:"noImage",freeCSS:{maxHeight:12*8,maxWidth:12*8}})}]]})})]})},f={index:()=>o(B,{children:[e(f.Comun,{}),e(f.Mingoo,{}),e(f.Google,{}),e(f.Facebook,{}),e(f.Line,{}),e(f.Twitter,{})]}),Comun:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Comun"}),e(t,{padding:1,overflow:"auto",children:o(p,{padding:2,children:[o(s.Left,{gap:2,children:[e(d.Brands.ComunIcon,{size:"S"}),e(d.Brands.ComunIcon,{size:"R"}),e(d.Brands.ComunIcon,{size:"L"}),e(d.Brands.ComunIcon,{size:"2L"}),e(d.Brands.ComunIcon,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(d.Brands.ComunTitle,{size:"S"}),e(d.Brands.ComunTitle,{size:"R"}),e(d.Brands.ComunTitle,{size:"L"}),e(d.Brands.ComunTitle,{size:"2L"}),e(d.Brands.ComunTitle,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(d.Brands.ComunLogoH,{size:"S"}),e(d.Brands.ComunLogoH,{size:"R"}),e(d.Brands.ComunLogoH,{size:"L"}),e(d.Brands.ComunLogoH,{size:"2L"}),e(d.Brands.ComunLogoH,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(d.Brands.ComunLogoV,{size:"S"}),e(d.Brands.ComunLogoV,{size:"R"}),e(d.Brands.ComunLogoV,{size:"L"}),e(d.Brands.ComunLogoV,{size:"2L"}),e(d.Brands.ComunLogoV,{size:"3L"})]})]})})]}),Mingoo:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Mingoo"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{gap:2,padding:2,flexType:"col",children:[e(d.Brands.MingooIcon,{size:"S"}),e(d.Brands.MingooIcon,{size:"R"}),e(d.Brands.MingooIcon,{size:"L"}),e(d.Brands.MingooIcon,{size:"2L"}),e(d.Brands.MingooIcon,{size:"3L"})]})})]}),Google:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Google"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(d.Brands.Google,{size:"S"}),e(d.Brands.Google,{size:"R"}),e(d.Brands.Google,{size:"L"}),e(d.Brands.Google,{size:"2L"}),e(d.Brands.Google,{size:"3L"})]})})]}),Facebook:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Facebook"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(d.Brands.Facebook,{size:"S"}),e(d.Brands.Facebook,{size:"R"}),e(d.Brands.Facebook,{size:"L"}),e(d.Brands.Facebook,{size:"2L"}),e(d.Brands.Facebook,{size:"3L"})]})})]}),Line:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"LINE"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(d.Brands.LINE,{size:"S"}),e(d.Brands.LINE,{size:"R"}),e(d.Brands.LINE,{size:"L"}),e(d.Brands.LINE,{size:"2L"}),e(d.Brands.LINE,{size:"3L"})]})})]}),Twitter:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Twitter"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(d.Brands.Twitter,{size:"S"}),e(d.Brands.Twitter,{size:"R"}),e(d.Brands.Twitter,{size:"L"}),e(d.Brands.Twitter,{size:"2L"}),e(d.Brands.Twitter,{size:"3L"})]})})]})},z={index:()=>o(B,{children:[e(z.Ripple,{}),e(z.Variables,{}),e(z.Tooltips,{}),e(z.Snackbar,{})]}),Ripple:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Ripple"}),o(p,{padding:2,children:[e(a.Description,{children:`<Element
+                        `})},{children:e(w,{src:d.Images.defaultIcon("user"),alt:"noImage",freeCSS:{maxHeight:12*8,maxWidth:12*8}})}]]})})]})},f={index:()=>o(B,{children:[e(f.Comun,{}),e(f.Mingoo,{}),e(f.Google,{}),e(f.Facebook,{}),e(f.Line,{}),e(f.Twitter,{})]}),Comun:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Comun"}),e(t,{padding:1,overflow:"auto",children:o(p,{padding:2,children:[o(s.Left,{gap:2,children:[e(d.Brands.ComunIcon,{size:"S"}),e(d.Brands.ComunIcon,{size:"R"}),e(d.Brands.ComunIcon,{size:"L"}),e(d.Brands.ComunIcon,{size:"2L"}),e(d.Brands.ComunIcon,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(d.Brands.ComunTitle,{size:"S"}),e(d.Brands.ComunTitle,{size:"R"}),e(d.Brands.ComunTitle,{size:"L"}),e(d.Brands.ComunTitle,{size:"2L"}),e(d.Brands.ComunTitle,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(d.Brands.ComunLogoH,{size:"S"}),e(d.Brands.ComunLogoH,{size:"R"}),e(d.Brands.ComunLogoH,{size:"L"}),e(d.Brands.ComunLogoH,{size:"2L"}),e(d.Brands.ComunLogoH,{size:"3L"})]}),o(s.Left,{gap:2,children:[e(d.Brands.ComunLogoV,{size:"S"}),e(d.Brands.ComunLogoV,{size:"R"}),e(d.Brands.ComunLogoV,{size:"L"}),e(d.Brands.ComunLogoV,{size:"2L"}),e(d.Brands.ComunLogoV,{size:"3L"})]})]})})]}),Mingoo:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Mingoo"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{gap:2,padding:2,flexType:"col",children:[e(d.Brands.MingooIcon,{size:"S"}),e(d.Brands.MingooIcon,{size:"R"}),e(d.Brands.MingooIcon,{size:"L"}),e(d.Brands.MingooIcon,{size:"2L"}),e(d.Brands.MingooIcon,{size:"3L"})]})})]}),Google:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Google"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(d.Brands.Google,{size:"S"}),e(d.Brands.Google,{size:"R"}),e(d.Brands.Google,{size:"L"}),e(d.Brands.Google,{size:"2L"}),e(d.Brands.Google,{size:"3L"})]})})]}),Facebook:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Facebook"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(d.Brands.Facebook,{size:"S"}),e(d.Brands.Facebook,{size:"R"}),e(d.Brands.Facebook,{size:"L"}),e(d.Brands.Facebook,{size:"2L"}),e(d.Brands.Facebook,{size:"3L"})]})})]}),Line:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"LINE"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(d.Brands.LINE,{size:"S"}),e(d.Brands.LINE,{size:"R"}),e(d.Brands.LINE,{size:"L"}),e(d.Brands.LINE,{size:"2L"}),e(d.Brands.LINE,{size:"3L"})]})})]}),Twitter:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Twitter"}),e(t,{padding:1,overflow:"auto",children:o(s.Center,{flexType:"col",gap:2,padding:2,children:[e(d.Brands.Twitter,{size:"S"}),e(d.Brands.Twitter,{size:"R"}),e(d.Brands.Twitter,{size:"L"}),e(d.Brands.Twitter,{size:"2L"}),e(d.Brands.Twitter,{size:"3L"})]})})]})},z={index:()=>o(B,{children:[e(z.Ripple,{}),e(z.Variables,{}),e(z.Tooltips,{}),e(z.Snackbar,{})]}),Ripple:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Ripple"}),o(p,{padding:2,children:[e(i.Description,{children:`<Element
   ssEffectsOnActive={ 'ripple.( cloud | theme | nega | posi | warn )' }
-/>`}),o(s.Center,{children:[e(t,{ssCardBox:!0,padding:1,ssEffectsOnActive:"ripple.theme",children:"DIV"}),e(r.Button.Prime.R,{ssEffectsOnActive:"ripple.white",children:"White"}),e(r.Button.Border.R,{ssEffectsOnActive:"ripple.cloud",children:"Cloud"}),e(r.Button.Border.R,{ssEffectsOnActive:"ripple.theme",children:"Theme"})]})]})]}),Variables:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Effects"}),o(p,{padding:2,children:[e(a.Description,{children:`<Button
+/>`}),o(s.Center,{children:[e(t,{ssCardBox:!0,padding:1,ssEffectsOnActive:"ripple.theme",children:"DIV"}),e(r.Button.Prime.R,{ssEffectsOnActive:"ripple.white",children:"White"}),e(r.Button.Border.R,{ssEffectsOnActive:"ripple.cloud",children:"Cloud"}),e(r.Button.Border.R,{ssEffectsOnActive:"ripple.theme",children:"Theme"})]})]})]}),Variables:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Effects"}),o(p,{padding:2,children:[e(i.Description,{children:`<Button
     ssEffectsOnActive={ 'shrink' }
-/>`}),e(s.Left,{children:e(r.Button.Prime.R,{onClick:()=>{F.fn.mini.active("testLoadingKey"),setTimeout(()=>{F.fn.stopALL()},5e3)},children:o(s.Center,{gap:0,children:[e(F.White.S,{loaderID:"testLoadingKey",marginRight:1}),e(t,{textAlign:"left",children:"Launch Mini Loader"})]})})}),o(s.Left,{children:[e(r.Button.Border.R,{ssEffectsOnActive:"shrink",children:"Shrink"}),e(r.Button.Border.R,{ssEffectsOnActive:"pudding",children:"Pudding"}),e(r.Button.Border.R,{ssEffectsOnActive:"expand",children:"Expand"}),e(r.Button.Border.R,{ssEffectsOnActive:"push",children:"Push"}),e(r.Button.Border.R,{children:"corner Loader",onClick:()=>{F.fn.corner.active(),setTimeout(()=>{F.fn.corner.stop()},3e3)}})]})]})]}),Tooltips:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Tooltips"}),o(p,{padding:2,children:[o(r.Button.Prime.R,{onContextMenu:l=>{l.preventDefault(),v.open({tipsID:"testTooltips",event:l,nextToCursor:!0,gravityPoint:10,close_option:{parentBlur:!1},padding:0,freeCSS:{minWidth:12*16},content:o(p,{ssCardBox:!0,gap:0,borderRadius:"3.tone.tertiary",padding:"1/2",children:[e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label1"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label2"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label3"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label4"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label5"})]})})},children:["OpenTooltips next to cursor",e("br",{}),"( onContextMenu )"]}),e(c,{gridCols:5,gap:1,children:Array.from({length:25}).map((l,n)=>e(r.Button.Border.R,{onMouseOver:u=>{v.open({tipsID:"tips-"+(n+1),event:u,gravityPoint:n+1,close_option:{parentBlur:!1},padding:0,content:e(v.Body,{children:n},n)})},children:n+1},n))})]})]}),Snackbar:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Snackbars"}),o(s.Center,{padding:2,children:[e(r.Button.Prime.R,{onClick:()=>{E.add({secondsToClose:3,children:"hello World!!"})},children:"Add Normal Snackbar"}),e(r.Button.Prime.R,{onClick:()=>{E.add({snackID:"testSnackID1",secondsToClose:30,children:o(s.Separate,{verticalAlign:"baseline",paddingLeft:"2/3",children:["\u4E88\u7D04\u6642\u9593\u304C\u66F4\u65B0\u3055\u308C\u307E\u3057\u305F",e(r.Button.Clear.S,{color:"white",fontColor:"posi",children:"\u5143\u306B\u623B\u3059"})]})})},children:"Notices"}),e(r.Button.Prime.R,{onClick:()=>{let l=S.uuid.gen();E.add({snackID:l,children:o(p,{padding:1,children:[o(s.Left,{verticalAlign:"top",children:[e(w,{src:d.Images.defaultIcon("user"),ssSphere:4}),e(a.Description,{children:`Some Text
+/>`}),e(s.Left,{children:e(r.Button.Prime.R,{onClick:()=>{F.fn.mini.active("testLoadingKey"),setTimeout(()=>{F.fn.stopALL()},5e3)},children:o(s.Center,{gap:0,children:[e(F.White.S,{loaderID:"testLoadingKey",marginRight:1}),e(t,{textAlign:"left",children:"Launch Mini Loader"})]})})}),o(s.Left,{children:[e(r.Button.Border.R,{ssEffectsOnActive:"shrink",children:"Shrink"}),e(r.Button.Border.R,{ssEffectsOnActive:"pudding",children:"Pudding"}),e(r.Button.Border.R,{ssEffectsOnActive:"expand",children:"Expand"}),e(r.Button.Border.R,{ssEffectsOnActive:"push",children:"Push"}),e(r.Button.Border.R,{children:"corner Loader",onClick:()=>{F.fn.corner.active(),setTimeout(()=>{F.fn.corner.stop()},3e3)}})]})]})]}),Tooltips:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Tooltips"}),o(p,{padding:2,children:[o(r.Button.Prime.R,{onContextMenu:n=>{n.preventDefault(),v.open({tipsID:"testTooltips",event:n,nextToCursor:!0,gravityPoint:10,close_option:{parentBlur:!1},padding:0,freeCSS:{minWidth:12*16},content:o(p,{ssCardBox:!0,gap:0,borderRadius:"3.tone.tertiary",padding:"1/2",children:[e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label1"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label2"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label3"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label4"}),e(r.Button.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label5"})]})})},children:["OpenTooltips next to cursor",e("br",{}),"( onContextMenu )"]}),e(c,{gridCols:5,gap:1,children:Array.from({length:25}).map((n,l)=>e(r.Button.Border.R,{onMouseOver:u=>{v.open({tipsID:"tips-"+(l+1),event:u,gravityPoint:l+1,close_option:{parentBlur:!1},padding:0,content:e(v.Body,{children:l},l)})},children:l+1},l))})]})]}),Snackbar:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Snackbars"}),o(s.Center,{padding:2,children:[e(r.Button.Prime.R,{onClick:()=>{E.add({secondsToClose:3,children:"hello World!!"})},children:"Add Normal Snackbar"}),e(r.Button.Prime.R,{onClick:()=>{E.add({snackID:"testSnackID1",secondsToClose:30,children:o(s.Separate,{verticalAlign:"baseline",paddingLeft:"2/3",children:["\u4E88\u7D04\u6642\u9593\u304C\u66F4\u65B0\u3055\u308C\u307E\u3057\u305F",e(r.Button.Clear.S,{color:"white",fontColor:"posi",children:"\u5143\u306B\u623B\u3059"})]})})},children:"Notices"}),e(r.Button.Prime.R,{onClick:()=>{let n=S.uuid.gen();E.add({snackID:n,children:o(p,{padding:1,children:[o(s.Left,{verticalAlign:"top",children:[e(w,{src:d.Images.defaultIcon("user"),ssSphere:4}),e(i.Description,{children:`Some Text
 Some Text
-Some Text`})]}),o(s.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:()=>{E.remove(l)},children:"\u9589\u3058\u308B"}),e(r.Anchor.Prime.S,{href:"",children:"\u8A73\u7D30"})]})]})})},children:"Message"})]})]})},_={index:()=>o(B,{children:[e(_.Types,{}),e(_.Tone,{})]}),Tone:()=>o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Tone"}),e(t,{padding:1,overflow:"auto",children:o(c,{gridCols:2,gap:2,children:[o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBPrime"}),o(c,{gridCols:3,padding:1,gap:1,children:[e(r.Button.Prime.R,{color:"theme",children:"theme"}),e(r.Button.Prime.R,{color:"coffee",children:"posi"}),e(r.Button.Prime.R,{color:"ninja",children:"nega"}),e(r.Button.Prime.R,{color:"droplet",children:"warn"}),e(r.Button.Prime.R,{color:"googleBlue",children:"mono"}),e(r.Button.Prime.R,{color:"poizon",children:"pozion"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBSub"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Sub.R,{color:"theme",children:"theme"}),e(r.Button.Sub.R,{color:"posi",children:"posi"}),e(r.Button.Sub.R,{color:"nega",children:"nega"}),e(r.Button.Sub.R,{color:"warn",children:"warn"}),e(r.Button.Sub.R,{color:"cloud",children:"cloud"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.Sub.R,{color:"white",children:"white"}),e(r.Button.Sub.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBClear"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Clear.R,{color:"theme",children:"theme"}),e(r.Button.Clear.R,{color:"posi",children:"posi"}),e(r.Button.Clear.R,{color:"nega",children:"nega"}),e(r.Button.Clear.R,{color:"warn",children:"warn"}),e(r.Button.Clear.R,{color:"cloud",children:"cloud"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.Clear.R,{color:"white",children:"white"}),e(r.Button.Clear.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBFillToBorder"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.FillToBorder.R,{color:"theme",children:"theme"}),e(r.Button.FillToBorder.R,{color:"posi",children:"posi"}),e(r.Button.FillToBorder.R,{color:"nega",children:"nega"}),e(r.Button.FillToBorder.R,{color:"warn",children:"warn"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.FillToBorder.R,{color:"white",children:"white"}),e(r.Button.FillToBorder.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBBorderToFill"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.BorderToFill.R,{color:"theme",fontColor:"nega",children:e(t,{children:"theme"})}),e(r.Button.BorderToFill.R,{color:"posi",children:"posi"}),e(r.Button.BorderToFill.R,{color:"nega",children:"nega"}),e(r.Button.BorderToFill.R,{color:"warn",children:"warn"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.BorderToFill.R,{color:"white",children:"white"}),e(r.Button.BorderToFill.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBOthers"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Border.R,{children:"Border"}),e(r.Button.Normal.R,{children:"Normal"}),e(r.Button.Link,{children:"Link"}),e(r.Button.Plain,{children:"Plain"})]})]})]})})]}),Types:()=>o(h,{gap:2,flexChilds:"auto",children:[o(t,{ssCardBox:!0,children:[e(a.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBButton"}),e(t,{padding:1,overflow:"auto",children:e(P,{items:[o(B,{children:[e(r.Button.Prime.R,{children:"Button.Prime"}),"Button.Button.Prime"]}),o(B,{children:[e(r.Button.Sub.R,{children:"Button.Sub"}),"Button.Button.Sub"]}),o(B,{children:[e(r.Button.Border.R,{children:"Button.Border"}),"Button.Button.Border"]})]})})]}),o(t,{ssCardBox:!0,children:[e(a.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBLabel"}),e(t,{padding:1,overflow:"auto",children:e(P,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(B,{children:["Button.Label.Prime",e(r.Label.Prime.R,{children:"Label.Prime"})]}),o(B,{children:["Button.Label.Sub",e(r.Label.Sub.R,{children:"Label.Sub"})]}),o(B,{children:["Button.Label.Border",e(r.Label.Border.R,{children:"Label.Border"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(a.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBAnchor"}),e(t,{padding:1,overflow:"auto",children:e(P,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(B,{children:["Button.Anchor.Prime",e(r.Anchor.Prime.R,{href:"",children:"Anchor.Prime"})]}),o(B,{children:["Button.Anchor.Sub",e(r.Anchor.Sub.R,{href:"",children:"Anchor.Sub"})]}),o(B,{children:["Button.Anchor.Border",e(r.Anchor.Border.R,{href:"",children:"Anchor.Border"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(a.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBSizes"}),o(p,{padding:2,gap:2,children:[e(s.Left,{children:e(r.Button.Prime.XS,{children:'size="XS"'})}),e(s.Left,{children:e(r.Button.Prime.S,{children:'size="S"'})}),e(s.Left,{children:e(r.Button.Prime.R,{children:'size="R"'})}),e(s.Left,{children:e(r.Button.Prime.L,{children:'size="L"'})})]})]})]})},le={index:()=>{let l=n=>e(t,V({flexCenter:!0,ssCardBox:"layer",textAlign:"center",padding:2},n));return o(p,{gap:4,children:[o(p,{children:[e(a.Paragraph,{children:"Shadows"}),o(c,{gap:2,gridCols:4,children:[e(l,{boxShadow:"0.min",children:"0.min"}),e(l,{boxShadow:"0.normal",children:"0.normal"}),e(l,{boxShadow:"0.remark",children:"0.remark"}),e(l,{boxShadow:"0.max",children:"0.max"}),e(l,{boxShadow:"1.min",children:"1.min"}),e(l,{boxShadow:"1.normal",children:"1.normal"}),e(l,{boxShadow:"1.remark",children:"1.remark"}),e(l,{boxShadow:"1.max",children:"1.max"}),e(l,{boxShadow:"2.min",children:"2.min"}),e(l,{boxShadow:"2.normal",children:"2.normal"}),e(l,{boxShadow:"2.remark",children:"2.remark"}),e(l,{boxShadow:"2.max",children:"2.max"}),e(l,{boxShadow:"3.min",children:"3.min"}),e(l,{boxShadow:"3.normal",children:"3.normal"}),e(l,{boxShadow:"3.remark",children:"3.remark"}),e(l,{boxShadow:"3.max",children:"3.max"}),e(l,{boxShadow:"4.min",children:"4.min"}),e(l,{boxShadow:"4.normal",children:"4.normal"}),e(l,{boxShadow:"4.remark",children:"4.remark"}),e(l,{boxShadow:"4.max",children:"4.max"}),e(l,{boxShadow:"5.min",children:"5.min"}),e(l,{boxShadow:"5.normal",children:"5.normal"}),e(l,{boxShadow:"5.remark",children:"5.remark"}),e(l,{boxShadow:"5.max",children:"5.max"})]})]}),o(p,{children:[e(a.Paragraph,{children:"Inset Shadows"}),o(c,{gap:2,gridCols:4,children:[e(l,{boxShadow:"0.min.inset",children:"0.min.inset"}),e(l,{boxShadow:"0.normal.inset",children:"0.normal.inset"}),e(l,{boxShadow:"0.remark.inset",children:"0.remark.inset"}),e(l,{boxShadow:"0.max.inset",children:"0.max.inset"}),e(l,{boxShadow:"1.min.inset",children:"1.min.inset"}),e(l,{boxShadow:"1.normal.inset",children:"1.normal.inset"}),e(l,{boxShadow:"1.remark.inset",children:"1.remark.inset"}),e(l,{boxShadow:"1.max.inset",children:"1.max.inset"}),e(l,{boxShadow:"2.min.inset",children:"2.min.inset"}),e(l,{boxShadow:"2.normal.inset",children:"2.normal.inset"}),e(l,{boxShadow:"2.remark.inset",children:"2.remark.inset"}),e(l,{boxShadow:"2.max.inset",children:"2.max.inset"}),e(l,{boxShadow:"3.min.inset",children:"3.min.inset"}),e(l,{boxShadow:"3.normal.inset",children:"3.normal.inset"}),e(l,{boxShadow:"3.remark.inset",children:"3.remark.inset"}),e(l,{boxShadow:"3.max.inset",children:"3.max.inset"})]})]})]})}},ne=()=>{const l={Basic:()=>o(t,{ssCardBox:!0,children:[e(a.Paragraph,{borderBottom:!0,padding:1,children:"TextInput"}),o(p,{padding:1,gap:2,children:[o(s.Separate,{marginBottom:2,children:[e(a.Description,{children:`<Input.Text
+Some Text`})]}),o(s.Separate,{children:[e(r.Button.Sub.S,{color:"white",onClick:()=>{E.remove(n)},children:"\u9589\u3058\u308B"}),e(r.Anchor.Prime.S,{href:"",children:"\u8A73\u7D30"})]})]})})},children:"Message"})]})]})},_={index:()=>o(B,{children:[e(_.Types,{}),e(_.Tone,{})]}),Tone:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Tone"}),e(t,{padding:1,overflow:"auto",children:o(c,{gridCols:2,gap:2,children:[o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBPrime"}),o(c,{gridCols:3,padding:1,gap:1,children:[e(r.Button.Prime.R,{color:"theme",children:"theme"}),e(r.Button.Prime.R,{color:"coffee",children:"posi"}),e(r.Button.Prime.R,{color:"ninja",children:"nega"}),e(r.Button.Prime.R,{color:"droplet",children:"warn"}),e(r.Button.Prime.R,{color:"googleBlue",children:"mono"}),e(r.Button.Prime.R,{color:"poizon",children:"pozion"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBSub"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Sub.R,{color:"theme",children:"theme"}),e(r.Button.Sub.R,{color:"posi",children:"posi"}),e(r.Button.Sub.R,{color:"nega",children:"nega"}),e(r.Button.Sub.R,{color:"warn",children:"warn"}),e(r.Button.Sub.R,{color:"cloud",children:"cloud"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.Sub.R,{color:"white",children:"white"}),e(r.Button.Sub.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBClear"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Clear.R,{color:"theme",children:"theme"}),e(r.Button.Clear.R,{color:"posi",children:"posi"}),e(r.Button.Clear.R,{color:"nega",children:"nega"}),e(r.Button.Clear.R,{color:"warn",children:"warn"}),e(r.Button.Clear.R,{color:"cloud",children:"cloud"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.Clear.R,{color:"white",children:"white"}),e(r.Button.Clear.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBFillToBorder"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.FillToBorder.R,{color:"theme",children:"theme"}),e(r.Button.FillToBorder.R,{color:"posi",children:"posi"}),e(r.Button.FillToBorder.R,{color:"nega",children:"nega"}),e(r.Button.FillToBorder.R,{color:"warn",children:"warn"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.FillToBorder.R,{color:"white",children:"white"}),e(r.Button.FillToBorder.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBBorderToFill"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.BorderToFill.R,{color:"theme",fontColor:"nega",children:e(t,{children:"theme"})}),e(r.Button.BorderToFill.R,{color:"posi",children:"posi"}),e(r.Button.BorderToFill.R,{color:"nega",children:"nega"}),e(r.Button.BorderToFill.R,{color:"warn",children:"warn"})]}),o(c,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Button.BorderToFill.R,{color:"white",children:"white"}),e(r.Button.BorderToFill.R,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBOthers"}),o(c,{gridCols:3,gap:1,padding:1,children:[e(r.Button.Border.R,{children:"Border"}),e(r.Button.Normal.R,{children:"Normal"}),e(r.Button.Link,{children:"Link"}),e(r.Button.Plain,{children:"Plain"})]})]})]})})]}),Types:()=>o(h,{gap:2,flexChilds:"auto",children:[o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBButton"}),e(t,{padding:1,overflow:"auto",children:e(P,{items:[o(B,{children:[e(r.Button.Prime.R,{children:"Button.Prime"}),"Button.Button.Prime"]}),o(B,{children:[e(r.Button.Sub.R,{children:"Button.Sub"}),"Button.Button.Sub"]}),o(B,{children:[e(r.Button.Border.R,{children:"Button.Border"}),"Button.Button.Border"]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBLabel"}),e(t,{padding:1,overflow:"auto",children:e(P,{ListChildCallback:({children:n})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:n}),items:[o(B,{children:["Button.Label.Prime",e(r.Label.Prime.R,{children:"Label.Prime"})]}),o(B,{children:["Button.Label.Sub",e(r.Label.Sub.R,{children:"Label.Sub"})]}),o(B,{children:["Button.Label.Border",e(r.Label.Border.R,{children:"Label.Border"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBAnchor"}),e(t,{padding:1,overflow:"auto",children:e(P,{ListChildCallback:({children:n})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:n}),items:[o(B,{children:["Button.Anchor.Prime",e(r.Anchor.Prime.R,{href:"",children:"Anchor.Prime"})]}),o(B,{children:["Button.Anchor.Sub",e(r.Anchor.Sub.R,{href:"",children:"Anchor.Sub"})]}),o(B,{children:["Button.Anchor.Border",e(r.Anchor.Border.R,{href:"",children:"Anchor.Border"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBSizes"}),o(p,{padding:2,gap:2,children:[e(s.Left,{children:e(r.Button.Prime.XS,{children:'size="XS"'})}),e(s.Left,{children:e(r.Button.Prime.S,{children:'size="S"'})}),e(s.Left,{children:e(r.Button.Prime.R,{children:'size="R"'})}),e(s.Left,{children:e(r.Button.Prime.L,{children:'size="L"'})})]})]})]})},le={index:()=>{let n=l=>e(t,V({flexCenter:!0,ssCardBox:"layer",textAlign:"center",padding:2},l));return o(p,{gap:4,children:[o(p,{children:[e(i.Paragraph,{children:"Shadows"}),o(c,{gap:2,gridCols:4,children:[e(n,{boxShadow:"0.min",children:"0.min"}),e(n,{boxShadow:"0.normal",children:"0.normal"}),e(n,{boxShadow:"0.remark",children:"0.remark"}),e(n,{boxShadow:"0.max",children:"0.max"}),e(n,{boxShadow:"1.min",children:"1.min"}),e(n,{boxShadow:"1.normal",children:"1.normal"}),e(n,{boxShadow:"1.remark",children:"1.remark"}),e(n,{boxShadow:"1.max",children:"1.max"}),e(n,{boxShadow:"2.min",children:"2.min"}),e(n,{boxShadow:"2.normal",children:"2.normal"}),e(n,{boxShadow:"2.remark",children:"2.remark"}),e(n,{boxShadow:"2.max",children:"2.max"}),e(n,{boxShadow:"3.min",children:"3.min"}),e(n,{boxShadow:"3.normal",children:"3.normal"}),e(n,{boxShadow:"3.remark",children:"3.remark"}),e(n,{boxShadow:"3.max",children:"3.max"}),e(n,{boxShadow:"4.min",children:"4.min"}),e(n,{boxShadow:"4.normal",children:"4.normal"}),e(n,{boxShadow:"4.remark",children:"4.remark"}),e(n,{boxShadow:"4.max",children:"4.max"}),e(n,{boxShadow:"5.min",children:"5.min"}),e(n,{boxShadow:"5.normal",children:"5.normal"}),e(n,{boxShadow:"5.remark",children:"5.remark"}),e(n,{boxShadow:"5.max",children:"5.max"})]})]}),o(p,{children:[e(i.Paragraph,{children:"Inset Shadows"}),o(c,{gap:2,gridCols:4,children:[e(n,{boxShadow:"0.min.inset",children:"0.min.inset"}),e(n,{boxShadow:"0.normal.inset",children:"0.normal.inset"}),e(n,{boxShadow:"0.remark.inset",children:"0.remark.inset"}),e(n,{boxShadow:"0.max.inset",children:"0.max.inset"}),e(n,{boxShadow:"1.min.inset",children:"1.min.inset"}),e(n,{boxShadow:"1.normal.inset",children:"1.normal.inset"}),e(n,{boxShadow:"1.remark.inset",children:"1.remark.inset"}),e(n,{boxShadow:"1.max.inset",children:"1.max.inset"}),e(n,{boxShadow:"2.min.inset",children:"2.min.inset"}),e(n,{boxShadow:"2.normal.inset",children:"2.normal.inset"}),e(n,{boxShadow:"2.remark.inset",children:"2.remark.inset"}),e(n,{boxShadow:"2.max.inset",children:"2.max.inset"}),e(n,{boxShadow:"3.min.inset",children:"3.min.inset"}),e(n,{boxShadow:"3.normal.inset",children:"3.normal.inset"}),e(n,{boxShadow:"3.remark.inset",children:"3.remark.inset"}),e(n,{boxShadow:"3.max.inset",children:"3.max.inset"})]})]})]})}},ae=()=>{const n={Basic:()=>o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"TextInput"}),o(p,{padding:1,gap:2,children:[o(s.Separate,{marginBottom:2,children:[e(i.Description,{children:`<Input.Text
     required
     value={ 'hello React!!' }
-  />`}),e(i.TextField,{tone:"cloud",label:"testInputLabel",placeholder:"testInputPlaceholder",isLabelActive:!0,required:!0,value:"helloReact"})]}),e(i.TextField.Email,{label:"Input.TextField.Email",autoComplete:"off",name:"emailInput",value:"******@gmail.com"}),e(i.TextField.Number,{label:"Input.TextField.Number",value:"324"}),e(i.TextField,{label:"Input.TextField (number.zeroStart)",restrict:"number.zeroStart",value:"0324"}),o(t,{children:["Input.DigitCharacters",e(i.DigitCharacters,{numericOnly:!0,value:"0324",digits:6})]}),e(i.TextField.Tel,{label:"Input.TextField.Tel",value:"080-6995-2229"}),e(i.TextField.Money.JPY,{value:"3000",placeholder:"\u91D1\u984D",label:"Input.TextField.Money.JPY"}),e(i.TextField.Url,{label:"Input.TextField.Url",value:"http://google.com"}),o(t,{children:[o(s.Right,{verticalAlign:"unset",children:[e(t,{flexSizing:0,children:e(i.TextField.Postal,{label:"Input.TextField.Postal",override:"force"})}),e(r.Button.Border.R,{onClick:()=>y(void 0,null,function*(){}),children:"\u73FE\u5728\u5730\u3092\u53D6\u5F97"})]}),e(t,{id:"postalResult",padding:1,textAlign:"left"})]}),e(i.TextField.Password,{label:"Input.TextField.Password",value:"onigiriUmai"}),e(i.TextField,{label:"Input.TextField (multiline)",multiline:!0,autoHeight:!1,value:`text1
+  />`}),e(a.TextField,{tone:"cloud",label:"testInputLabel",placeholder:"testInputPlaceholder",isLabelActive:!0,required:!0,value:"helloReact"})]}),e(a.TextField.Email,{label:"Input.TextField.Email",autoComplete:"off",name:"emailInput",value:"******@gmail.com"}),e(a.TextField.Number,{label:"Input.TextField.Number",value:"324"}),e(a.TextField,{label:"Input.TextField (number.zeroStart)",restrict:"number.zeroStart",value:"0324"}),o(t,{children:["Input.DigitCharacters",e(a.DigitCharacters,{numericOnly:!0,value:"0324",digits:6})]}),e(a.TextField.Tel,{label:"Input.TextField.Tel",value:"080-6995-2229"}),e(a.TextField.Money.JPY,{value:"3000",placeholder:"\u91D1\u984D",label:"Input.TextField.Money.JPY"}),e(a.TextField.Url,{label:"Input.TextField.Url",value:"http://google.com"}),o(t,{children:[e(a.TextField.Postal,{label:"Input.TextField.Postal",override:"force",rightIcon:e(a.RightIcon,{freeCSS:{pointerEvents:"all"},children:e(r.Button.Sub.S,{borderRadius:"3.tone.tertiary",ssSphere:2,onClick:()=>y(void 0,null,function*(){}),onMouseOver:l=>{q.open(l.currentTarget,"\u73FE\u5728\u5730\u3092\u53D6\u5F97")},onMouseLeave:()=>{q.abort()},children:e(g.Location,{})})})}),e(t,{id:"postalResult",padding:1,textAlign:"left"})]}),e(a.TextField.Password,{label:"Input.TextField.Password",value:"onigiriUmai"}),e(a.TextField,{label:"Input.TextField (multiline)",multiline:!0,autoHeight:!1,value:`text1
 text2
 text3
 text4
-text5`,minRows:5}),e(i.TextField,{label:"Input.TextField",isLabelActive:!0,placeholder:"(autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:n=>{console.log(n)}})]})]}),Time:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(a.Paragraph,{borderBottom:!0,padding:1,children:"Time Input"}),e(t,{padding:1,children:o(p,{gap:1.5,children:[e(i.Time.Clock,{label:"Input.Time.Clock"}),e(i.Time.Date,{label:"Input.Time.Date"}),e(i.Time.Week,{label:"Input.Time.Week"}),e(i.Time.Month,{label:"Input.Time.Month"}),e(i.Time.Year,{label:"Input.Time.Year"}),e(i.Time.Periods.Date,{label:"Input.Time.Periods.Date"}),e(i.Time.Periods.Month,{label:"Input.Time.Periods.Month"}),e(i.Time.DateWareki,{label:"Input.Time.DateWareki"}),e(t,{children:e(i.Select,{label:"Input.TimePicker",id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:n})=>{i.Time.fn.picker.launch({parent:"#timePicker",restrict:n,defaultValue:"",onValueUpdate:u=>{console.log(u)}})}})})]})})]})}),List:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(a.Paragraph,{borderBottom:!0,padding:1,children:"Radio & Checkbox Input"}),e(t,{padding:1,children:o(p,{children:[o(h,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(i.Checkbox,{value:[2,"3"],minSelect:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(i.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"},{value:4,label:"Option4"},{value:5,label:"Option5"}]})]}),o(t,{children:["CustomIcon",e(i.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:n=>o(r.Button.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:n.isChecked?"theme":"5.translucent",onClick:u=>{u.preventDefault(),u.stopPropagation(),n.toggle()},children:[e(g.Heart,{})," 3"]})})]})]}),o(p,{children:[e(a.Paragraph,{children:"Tones"}),o(p,{children:[o(t,{children:["Plain",e(i.Radio,{value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Plain icon={ false }",e(i.Checkbox,{icon:!1,cellStyles:{padding:["1/3","2/3"],isRounded:!0},cellCheckedStyles:{fontColor:"theme"},value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Simple",e(i.Checkbox.Simple,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Normal",e(i.Checkbox.Normal,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Vivid",e(i.Checkbox.Vivid,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Cloud",e(i.Checkbox.Cloud,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Border",e(i.Radio.Border,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})]})})]})}),Select:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(a.Paragraph,{borderBottom:!0,padding:1,children:"Select,Autocomplete Input"}),o(p,{padding:2,gap:1.5,children:[e(i.Select,{label:"Input.Select",isLabelActive:!0,placeholder:"Select",required:!0,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}],leftIcon:e(i.LeftIcon,{children:e(g.Bars,{})}),rightIcon:e(i.RightIcon,{children:e(g.Search,{})})}),e(i.Search,{label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onUpdateValidValue:({value:n})=>{console.log(n)},DynamicOptionsOnSearch:(...n)=>y(void 0,null,function*(){let u=[];for(let x=0;x<100;x++)u.push({value:x,label:String(x)});return u})}),e(i.Autocomplete,{label:"Input.Autocomplete",SelectorGravityPoint:6,max:2,value:[4],options:[{value:1,label:"X-men"},{value:2,label:"\u30B7\u30E7\u30FC\u30B7\u30E3\u30F3\u30AF\u306E\u7A7A"},{value:3,label:"\u30B9\u30BF\u30FC\u30A6\u30A9\u30FC\u30BA"},{value:4,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part II"},{value:5,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part III"},{value:6,label:"\u30A4\u30F3\u30BB\u30D7\u30B7\u30E7\u30F3"}],onUpdateValidValue:({value:n})=>{console.log(n)}})]})]})}),Segmented:()=>o(t,{ssCardBox:!0,children:[e(a.ThirdTitle,{borderBottom:!0,padding:1,children:"Segmented"}),o(p,{padding:2,gap:2,children:[e(s.Left,{children:e(i.Segmented,{value:1,options:[{value:0,label:"Home"},{value:1,label:"Notice"},{value:2,label:"Posts"},{value:3,label:"Settings"}]})}),e(s.Left,{children:e(i.Segmented.Cloud,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(i.Segmented.CloudTheme,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(i.Segmented.CloudMono,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(i.Segmented.Border,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(s.Left,{children:e(i.Segmented.BorderVivid,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(s.Left,{borderBottom:!0,children:e(i.Segmented.Bottomline,{value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})})]})]}),Variables:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(a.Paragraph,{borderBottom:!0,padding:1,children:"Variables"}),e(t,{padding:1,children:e(p,{children:o(h,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.File",e(i.Filer,{limit:3,onUpdateValidValue:({value:n})=>{console.log(n[0])}})]}),o(t,{children:["Input.Switch",o(h,{gap:2,children:[e(i.Switch,{}),e(i.Switch,{appearance:"applely",color:"icicles",value:!0}),e(i.Switch,{appearance:"applely",icon:e(g.Check,{}),color:"warn",value:!0})]})]}),o(t,{flexNewLine:!0,children:["Input.Slider",e(i.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(B,{children:e(H,{size:"L",children:o(c,{gridCols:2,gap:2,children:[e(l.Basic,{}),e(l.Select,{}),e(l.Time,{}),e(l.List,{}),e(l.Segmented,{}),e(l.Variables,{})]})})})},ae=()=>{const l=n=>{let u="testModal2";C.open({type:n,sheetID:u,size:"S",padding:2,content:o(C.Body,{padding:1,children:[e(t,{padding:2,children:"Content"}),e(s.Right,{children:e(r.Button.Prime.R,{onClick:()=>{C.close(u)},children:"\u9589\u3058\u308B"})})]})})};return o(B,{children:[o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"CardBox"}),e(t,{padding:1,overflow:"auto",children:e(a.Description,{children:`<Box styles={{ssCardBox:true}}>
+text5`,minRows:5}),e(a.TextField,{label:"Input.TextField",isLabelActive:!0,placeholder:"(autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:l=>{console.log(l)}}),e(a.TextField,{label:"Input.LeftIndicator",leftIndicator:e(a.LeftIndicator,{children:"Left Indicator"})}),e(a.TextField,{label:"Input.LeftIcon",paddingLeft:6,leftIcon:e(a.LeftIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Button.Sub.S,{padding:["1/3","1/2"],children:"Left Icon"})})}),e(a.TextField,{label:"Input.RightIcon",paddingRight:6,rightIcon:e(a.RightIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Button.Sub.S,{padding:["1/3","1/2"],children:"Right Icon"})})}),e(a.TextField,{label:"Input.RightIndicator",rightIndicator:e(a.RightIndicator,{children:"Right Indicator"})})]})]}),Time:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Time Input"}),e(t,{padding:1,children:o(p,{gap:1.5,children:[e(a.Time.Clock,{label:"Input.Time.Clock"}),e(a.Time.Date,{label:"Input.Time.Date"}),e(a.Time.Week,{label:"Input.Time.Week"}),e(a.Time.Month,{label:"Input.Time.Month"}),e(a.Time.Year,{label:"Input.Time.Year"}),e(a.Time.Periods.Date,{label:"Input.Time.Periods.Date"}),e(a.Time.Periods.Month,{label:"Input.Time.Periods.Month"}),e(a.Time.DateWareki,{label:"Input.Time.DateWareki"}),e(t,{children:e(a.Select,{label:"Input.TimePicker",id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:l})=>{a.Time.fn.picker.launch({parent:"#timePicker",restrict:l,defaultValue:"",onValueUpdate:u=>{console.log(u)}})}})})]})})]})}),List:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Radio & Checkbox Input"}),e(t,{padding:1,children:o(p,{children:[o(h,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(a.Checkbox,{value:[2,"3"],minSelect:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(a.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"},{value:4,label:"Option4"},{value:5,label:"Option5"}]})]}),o(t,{children:["CustomIcon",e(a.Radio,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:l=>o(r.Button.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:l.isChecked?"theme":"5.translucent",onClick:u=>{u.preventDefault(),u.stopPropagation(),l.toggle()},children:[e(g.Heart,{})," 3"]})})]})]}),o(p,{children:[e(i.Paragraph,{children:"Tones"}),o(p,{children:[o(t,{children:["Plain",e(a.Radio,{value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Plain icon={ false }",e(a.Checkbox,{icon:!1,cellStyles:{padding:["1/3","2/3"],isRounded:!0},cellCheckedStyles:{fontColor:"theme"},value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Simple",e(a.Checkbox.Simple,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Normal",e(a.Checkbox.Normal,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Vivid",e(a.Checkbox.Vivid,{value:[2,"3"],minSelect:2,hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Cloud",e(a.Checkbox.Cloud,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Border",e(a.Radio.Border,{value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})]})})]})}),Select:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Select,Autocomplete Input"}),o(p,{padding:2,gap:1.5,children:[e(a.Select,{label:"Input.Select",isLabelActive:!0,placeholder:"Select",required:!0,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]}),e(a.Search,{label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],onUpdateValidValue:({value:l})=>{console.log(l)},DynamicOptionsOnSearch:l=>y(void 0,null,function*(){console.log("keyword",l);let u=[];for(let x=0;x<100;x++)u.push({value:x,label:String(x),searchValue:l});return u})}),e(a.Autocomplete,{label:"Input.Autocomplete",SelectorGravityPoint:6,max:2,value:[4],options:[{value:1,label:"X-men"},{value:2,label:"\u30B7\u30E7\u30FC\u30B7\u30E3\u30F3\u30AF\u306E\u7A7A"},{value:3,label:"\u30B9\u30BF\u30FC\u30A6\u30A9\u30FC\u30BA"},{value:4,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part II"},{value:5,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part III"},{value:6,label:"\u30A4\u30F3\u30BB\u30D7\u30B7\u30E7\u30F3"}],onUpdateValidValue:({value:l})=>{console.log(l)}})]})]})}),Segmented:()=>o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"Segmented"}),o(p,{padding:2,gap:2,children:[e(s.Left,{children:e(a.Segmented,{value:1,options:[{value:0,label:"Home"},{value:1,label:"Notice"},{value:2,label:"Posts"},{value:3,label:"Settings"}]})}),e(s.Left,{children:e(a.Segmented.Cloud,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(a.Segmented.CloudTheme,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(a.Segmented.CloudMono,{value:1,options:[{value:0,label:e(g.AngleLeft,{})},{value:1,label:e(g.AngleRight,{})},{value:2,label:e(g.AngleUp,{})},{value:3,label:e(g.AngleDown,{})}]})}),e(s.Left,{children:e(a.Segmented.Border,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(s.Left,{children:e(a.Segmented.BorderVivid,{value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(s.Left,{borderBottom:!0,children:e(a.Segmented.Bottomline,{value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})})]})]}),Variables:()=>e(B,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Variables"}),e(t,{padding:1,children:e(p,{children:o(h,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.File",e(a.Filer,{limit:3,onUpdateValidValue:({value:l})=>{console.log(l[0])}})]}),o(t,{children:["Input.Switch",o(h,{gap:2,children:[e(a.Switch,{}),e(a.Switch,{appearance:"applely",color:"icicles",value:!0}),e(a.Switch,{appearance:"applely",icon:e(g.Check,{}),color:"warn",value:!0})]})]}),o(t,{flexNewLine:!0,children:["Input.Slider",e(a.Slider,{color:"battery",name:"sliderInput",value:40,step:10,min:0,max:100})]})]})})})]})})};return e(B,{children:e(H,{size:"L",children:o(c,{gridCols:2,gap:2,children:[e(n.Basic,{}),e(n.Select,{}),e(n.Time,{}),e(n.List,{}),e(n.Segmented,{}),e(n.Variables,{})]})})})},ie=()=>{const n=l=>{let u="testModal2";b.open({type:l,sheetID:u,size:"S",padding:2,content:o(b.Body,{padding:1,children:[e(t,{padding:2,children:"Content"}),e(s.Right,{children:e(r.Button.Prime.R,{onClick:()=>{b.close(u)},children:"\u9589\u3058\u308B"})})]})})};return o(B,{children:[o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"CardBox"}),e(t,{padding:1,overflow:"auto",children:e(i.Description,{children:`<Box styles={{ssCardBox:true}}>
   <Box>
     Header
   </Box>
@@ -84,16 +84,16 @@ text5`,minRows:5}),e(i.TextField,{label:"Input.TextField",isLabelActive:!0,place
   <Box>
     Footer
   </Box>
-</Box>`})}),e(t,{padding:2,children:o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Header"}),e(t,{padding:1,overflow:"auto",children:"Body"}),e(t,{padding:1,children:"Footer"})]})})]}),o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"List"}),e(t,{padding:1,overflow:"auto",children:e(a.Description,{children:`<List
+</Box>`})}),e(t,{padding:2,children:o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Header"}),e(t,{padding:1,overflow:"auto",children:"Body"}),e(t,{padding:1,children:"Footer"})]})})]}),o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"List"}),e(t,{padding:1,overflow:"auto",children:e(i.Description,{children:`<List
   options={ [
     {
       title?: LeftSideReactComponent,
       content: RightSideReactComponent
     }
   ] }
-/>`})}),e(t,{padding:2,overflow:"auto",children:o(P,{ssCardBox:!0,padding:1,children:[o(G.Left,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexSizing:0,children:"Right"})]}),o(G.Right,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",flexSizing:0,children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",children:"Right"})]}),o(G.Separate,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",children:"Right"})]}),o(G.Center,{gap:"1/4",children:[e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:1,children:"1"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:3,children:"3"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:2,children:"2"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(a.SubTitle,{borderBottom:!0,padding:1,children:"Sheet"}),e(t,{padding:1,overflow:"auto",children:e(a.Description,{children:`Sheet.open( {
+/>`})}),e(t,{padding:2,overflow:"auto",children:o(P,{ssCardBox:!0,padding:1,children:[o(G.Left,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexSizing:0,children:"Right"})]}),o(G.Right,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",flexSizing:0,children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",children:"Right"})]}),o(G.Separate,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",children:"Right"})]}),o(G.Center,{gap:"1/4",children:[e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:1,children:"1"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:3,children:"3"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:2,children:"2"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Sheet"}),e(t,{padding:1,overflow:"auto",children:e(i.Description,{children:`Sheet.open( {
   sheetID: 'sheetID',
   header: ReactElement | React.FC< { modalClose } >,
   body: ReactElement | React.FC< { modalClose } >,
   footer: ReactElement | React.FC< { modalClose } >
-} )`})}),o(p,{padding:2,children:[e(r.Button.Border.R,{onClick:n=>{v.open({tipsID:"testTips",parent:n.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(C.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{C.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(C.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(c,{gridCols:3,gap:1,children:[e(r.Button.Border.R,{onClick:()=>{l("normal.topLeft")},children:"Top Left"}),e(r.Button.Border.R,{onClick:()=>{l("normal.topCenter")},children:"Top Center"}),e(r.Button.Border.R,{onClick:()=>{l("normal.topRight")},children:"Top Right"}),e(r.Button.Border.R,{onClick:()=>{l("normal.middleLeft")},children:"Middle Left"}),e(r.Button.Border.R,{onClick:()=>{l("normal.middleCenter")},children:"Middle Center"}),e(r.Button.Border.R,{onClick:()=>{l("normal.middleRight")},children:"Middle Right"}),e(r.Button.Border.R,{onClick:()=>{l("normal.bottomLeft")},children:"Bottom Left"}),e(r.Button.Border.R,{onClick:()=>{l("normal.bottomCenter")},children:"Bottom Center"}),e(r.Button.Border.R,{onClick:()=>{l("normal.bottomRight")},children:"Bottom Right"}),e(r.Button.Border.R,{onClick:()=>{l("drawer.left")},children:"Drawer Left"}),e(r.Button.Border.R,{onClick:()=>{l("drawer.bottom")},children:"Drawer Bottom"}),e(r.Button.Border.R,{onClick:()=>{l("drawer.right")},children:"Drawer Right"}),e(r.Button.Border.R,{onClick:n=>{v.open({tipsID:"test40",parent:n.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(s.Center,{children:["Image Picker",e(w,{src:d.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},A={index:()=>e(B,{children:o(p,{children:[e(A.Normal,{}),e(A.Data,{}),e(A.Drag,{}),e(A.Spread,{})]})}),Normal:()=>{let l=[];for(var n=0;n<10;n++){let u=[{children:"head_"+n},{children:"data_"+n},{children:"data_"+n}];l.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(b.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:u=>{console.log(u)}})]})},Drag:()=>{let l=[];for(var n=0;n<4;n++){let u=[{children:"head_"+n},{children:"data_"+n},{children:"data_"+n}];u.rowID="rowID-"+n,l.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(b.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:l,ssCardBox:!0,onOrderChanged:u=>{console.log(u)}})]})},Data:()=>{let l=[];for(var n=0;n<100;n++){let x=Math.round(Math.random()*50+1),T=Math.round(Math.random()*50+1),L=Math.round(Math.random()*50+1),m="name_"+x,M="data_"+T,I="data_"+L,X=[{type:"th",children:n+":"+m,data:m,orderIndex:n},{type:"td",children:M,data:M},{type:"td",children:I,data:I}];l.push(X)}l[1].checked=!0,l[4].checked=!0,l[10].checked=!0;let u="testDataTable";return o(B,{children:[o(h,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(h,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Button.Clear.R,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Button.Clear.R,{padding:[0,1],color:"white",onClick:x=>{v.open({tipsID:S.uuid.gen(),parent:x.target,gravityPoint:24,close_option:{aroundClick:!0,parentBlur:!1},content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(g.EllipsisV,{})})]})]}),o(s.Separate,{verticalAlign:"bottom",children:[o(s.Left,{verticalAlign:"bottom",children:[e(b.Data.SearchInput,{tableID:u}),e(b.Data.Info,{tableID:u})]}),o(s.Right,{verticalAlign:"unset",children:[e(b.Data.RowLength,{tableID:u,lengthSelect:[30,50,100]}),e(b.Data.Paging,{tableID:u})]})]}),e(b.Data,{tableID:u,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:l,pageRowLength:30,ssCardBox:!0,cellStyles:{},cellStylesCallback:()=>({}),filter:[!0],checker:!0})]})},Spread:()=>e(B,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},ie=()=>{let[l,n]=D(""),[u,x]=D(""),[T,L]=D("");return e(B,{children:o(t,{children:[o(r.Button.Prime.R,{onClick:()=>{te.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:m=>y(void 0,null,function*(){n(yield(yield N.fromFile(m[0])).toDataURL()),x(yield(yield N.fromFile(m[1])).toDataURL()),L(yield(yield N.fromFile(m[2])).toDataURL())})})},children:[e(g.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(h,{gap:1,verticalAlign:"top",children:[l&&e(w,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),u&&e(w,{style:{maxWidth:24*12},src:u,alt:"",showExpand:!0}),T&&e(w,{style:{maxWidth:24*12},src:T,alt:"",showExpand:!0}),e(Z,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:m=>{}},slides:[e(t,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},q={Darkmode:l=>(O(()=>{C.open({type:"custom",parent:document.body,gravityPoint:19,content:()=>e(t,{padding:1,children:e(i.Segmented.Cloud,W(V({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},l),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:R.get().darkMode,onUpdateValidValue:({value:n})=>{let u=n;S.setLocalStrageData("prf.darkMode",u),R.update.darkMode(u)}}))})})},[]),null),ThemeColor:()=>{const l=n=>{let u="themeColorSelector";C.open({sheetID:u,type:"normal.middleCenter",size:"L",close_option:{aroundClick:!0},closeAfter:()=>{re.fn.updateCSSProperty.reset()},content:()=>{let[x,T]=D(n.defaultColor);O(()=>{S.scope(()=>{x!==R.get().themeColor&&(R.update.themeColor(x),S.setLocalStrageData("prf.themeColor",x),C.close(u))})},[x]);let L=Object.entries(J).map(([m,M])=>{let I=m===x;return e(r.Button.Clear.R,{color:"cloud",textAlign:"center",onClick:()=>{T(m)},children:o(p,{gap:"1/2",textAlign:"center",children:[I&&e(a.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:m,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:m,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:I?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(a.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:m.toCapital()})]})},m)});return e(C.Body,{children:o(p,{padding:2,gap:2,children:[o(s.Separate,{children:[e(a.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Button.Sub.R,{color:"cloud",ssSphere:3,onClick:()=>{C.close(u)},children:e(g.Times,{})})]}),e(c,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:L})]})})}})};return O(()=>{S.scope(()=>y(void 0,null,function*(){C.open({type:"custom",parent:document.body,gravityPoint:17,content:()=>e(t,{padding:1,children:e(r.Button.Border.R,{isRounded:!0,fontColor:"theme",onClick:n=>{l({defaultColor:R.get().themeColor,cb:u=>{}})},children:o(s.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",R.get().themeColor.toCapital()]})})})})}))},[]),null}};let Y=()=>{let[l,n]=D(Number(S.queryParams.get().ti)||0);return O(()=>{S.queryParams.set({ti:String(l)})},[l]),o(B,{children:[e(q.Darkmode,{}),e(q.ThemeColor,{}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(ee,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:l,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:u=>{localStorage.setItem("designTabHeader",String(u)),n(u)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(Q,{viewIndex:l,views:[e(k.index,{}),e(le.index,{}),e(_.index,{}),e(ne,{}),e(ae,{}),e(z.index,{}),e(A.index,{}),e(ie,{}),"",e(f.index,{})],wrapper:u=>e(oe.FadeIn,{animationTime:200,children:e(H,{children:e(h,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:u})})},l)})})]})]})};export{Y as DesignBook,Y as default};
+} )`})}),o(p,{padding:2,children:[e(r.Button.Border.R,{onClick:l=>{v.open({tipsID:"testTips",parent:l.currentTarget,close_option:{parentBlur:!1,aroundClick:!1,escapeKeyDown:!0},content:()=>e(b.Body,{padding:2,children:e(r.Button.Prime.R,{onClick:()=>{b.open({sheetID:"testSheet",close_option:{aroundClick:!0},type:"normal.middleLeft",content:()=>e(b.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(c,{gridCols:3,gap:1,children:[e(r.Button.Border.R,{onClick:()=>{n("normal.topLeft")},children:"Top Left"}),e(r.Button.Border.R,{onClick:()=>{n("normal.topCenter")},children:"Top Center"}),e(r.Button.Border.R,{onClick:()=>{n("normal.topRight")},children:"Top Right"}),e(r.Button.Border.R,{onClick:()=>{n("normal.middleLeft")},children:"Middle Left"}),e(r.Button.Border.R,{onClick:()=>{n("normal.middleCenter")},children:"Middle Center"}),e(r.Button.Border.R,{onClick:()=>{n("normal.middleRight")},children:"Middle Right"}),e(r.Button.Border.R,{onClick:()=>{n("normal.bottomLeft")},children:"Bottom Left"}),e(r.Button.Border.R,{onClick:()=>{n("normal.bottomCenter")},children:"Bottom Center"}),e(r.Button.Border.R,{onClick:()=>{n("normal.bottomRight")},children:"Bottom Right"}),e(r.Button.Border.R,{onClick:()=>{n("drawer.left")},children:"Drawer Left"}),e(r.Button.Border.R,{onClick:()=>{n("drawer.bottom")},children:"Drawer Bottom"}),e(r.Button.Border.R,{onClick:()=>{n("drawer.right")},children:"Drawer Right"}),e(r.Button.Border.R,{onClick:l=>{v.open({tipsID:"test40",parent:l.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(s.Center,{children:["Image Picker",e(w,{src:d.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},A={index:()=>e(B,{children:o(p,{children:[e(A.Normal,{}),e(A.Data,{}),e(A.Drag,{}),e(A.Spread,{})]})}),Normal:()=>{let n=[];for(var l=0;l<10;l++){let u=[{children:"head_"+l},{children:"data_"+l},{children:"data_"+l}];n.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:n,ssCardBox:!0,onRowClick:u=>{console.log(u)}})]})},Drag:()=>{let n=[];for(var l=0;l<4;l++){let u=[{children:"head_"+l},{children:"data_"+l},{children:"data_"+l}];u.rowID="rowID-"+l,n.push(u)}return o(B,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:n,ssCardBox:!0,onOrderChanged:u=>{console.log(u)}})]})},Data:()=>{let n=[];for(var l=0;l<100;l++){let x=Math.round(Math.random()*50+1),T=Math.round(Math.random()*50+1),L=Math.round(Math.random()*50+1),m="name_"+x,M="data_"+T,I="data_"+L,J=[{type:"th",children:l+":"+m,data:m,orderIndex:l},{type:"td",children:M,data:M},{type:"td",children:I,data:I}];n.push(J)}n[1].checked=!0,n[4].checked=!0,n[10].checked=!0;let u="testDataTable";return o(B,{children:[o(h,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(h,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Button.Clear.R,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Button.Clear.R,{padding:[0,1],color:"white",onClick:x=>{v.open({tipsID:S.uuid.gen(),parent:x.target,gravityPoint:24,close_option:{aroundClick:!0,parentBlur:!1},content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Button.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(g.EllipsisV,{})})]})]}),o(s.Separate,{verticalAlign:"bottom",children:[o(s.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:u}),e(C.Data.Info,{tableID:u})]}),o(s.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:u,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:u})]})]}),e(C.Data,{tableID:u,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:n,pageRowLength:30,ssCardBox:!0,cellStyles:{},cellStylesCallback:()=>({}),filter:[!0],checker:!0})]})},Spread:()=>e(B,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},de=()=>{let[n,l]=D(""),[u,x]=D(""),[T,L]=D("");return e(B,{children:o(t,{children:[o(r.Button.Prime.R,{onClick:()=>{re.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:m=>y(void 0,null,function*(){l(yield(yield N.fromFile(m[0])).toDataURL()),x(yield(yield N.fromFile(m[1])).toDataURL()),L(yield(yield N.fromFile(m[2])).toDataURL())})})},children:[e(g.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(h,{gap:1,verticalAlign:"top",children:[n&&e(w,{isRounded:!0,src:n,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),u&&e(w,{style:{maxWidth:24*12},src:u,alt:"",showExpand:!0}),T&&e(w,{style:{maxWidth:24*12},src:T,alt:"",showExpand:!0}),e(ee,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:m=>{}},slides:[e(t,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},Y={Darkmode:n=>(O(()=>{b.open({type:"custom",parent:document.body,gravityPoint:19,content:()=>e(t,{padding:1,children:e(a.Segmented.Cloud,W(V({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},n),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:R.get().darkMode,onUpdateValidValue:({value:l})=>{let u=l;S.setLocalStrageData("prf.darkMode",u),R.update.darkMode(u)}}))})})},[]),null),ThemeColor:()=>{const n=l=>{let u="themeColorSelector";b.open({sheetID:u,type:"normal.middleCenter",size:"L",close_option:{aroundClick:!0},closeAfter:()=>{ne.fn.updateCSSProperty.reset()},content:()=>{let[x,T]=D(l.defaultColor);O(()=>{S.scope(()=>{x!==R.get().themeColor&&(R.update.themeColor(x),S.setLocalStrageData("prf.themeColor",x),b.close(u))})},[x]);let L=Object.entries(K).map(([m,M])=>{let I=m===x;return e(r.Button.Clear.R,{color:"cloud",textAlign:"center",onClick:()=>{T(m)},children:o(p,{gap:"1/2",textAlign:"center",children:[I&&e(i.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:m,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:m,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:I?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(i.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:m.toCapital()})]})},m)});return e(b.Body,{children:o(p,{padding:2,gap:2,children:[o(s.Separate,{children:[e(i.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Button.Sub.R,{color:"cloud",ssSphere:3,onClick:()=>{b.close(u)},children:e(g.Times,{})})]}),e(c,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:L})]})})}})};return O(()=>{S.scope(()=>y(void 0,null,function*(){b.open({type:"custom",parent:document.body,gravityPoint:17,content:()=>e(t,{padding:1,children:e(r.Button.Border.R,{isRounded:!0,fontColor:"theme",onClick:l=>{n({defaultColor:R.get().themeColor,cb:u=>{}})},children:o(s.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",R.get().themeColor.toCapital()]})})})})}))},[]),null}};let X=()=>{let[n,l]=D(Number(S.queryParams.get().ti)||0);return O(()=>{S.queryParams.set({ti:String(n)})},[n]),o(B,{children:[e(Y.Darkmode,{}),e(Y.ThemeColor,{}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(oe,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:n,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:u=>{localStorage.setItem("designTabHeader",String(u)),l(u)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(Z,{viewIndex:n,views:[e(k.index,{}),e(le.index,{}),e(_.index,{}),e(ae,{}),e(ie,{}),e(z.index,{}),e(A.index,{}),e(de,{}),"",e(f.index,{})],wrapper:u=>e(te.FadeIn,{animationTime:200,children:e(H,{children:e(h,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:u})})},n)})})]})]})};export{X as DesignBook,X as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.41",
+  "version": "0.2.43",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",
@@ -87,7 +87,7 @@
     "@fortawesome/fontawesome-common-types": "^6.5.1",
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
     "@fortawesome/free-regular-svg-icons": "^6.5.2",
-    "@fortawesome/free-solid-svg-icons": "^6.5.1",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@mingoo/jsmin": "^0.0.55",
     "react": "^18.3.1"