amotify 0.2.74 → 0.2.76

package/dist/fn/Table/Drag.js

@@ -1 +1 @@
-import{b as e,c as b,e as L}from"../../chunk-C5N2D3ZX.js";import{Fragment as _,jsx as r,jsxs as z}from"react/jsx-runtime";import{useState as P,useEffect as j}from"react";import R from"@mingoo/jsmin";import{$$fromRoot as x,useStore as N}from"../../@utils";import{FAI as k}from"../../atoms";import{Button as O}from"../Button";import A from"../Tooltips";import h from"./Parts";import J from"./Wrapper";import{faGripVertical as U}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemAdjustingStyles as E}from"./cellStyling";import{TableClasses as n}from"../../@styles/componentClasses";const H={HeadRow:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,colLength:f,head:l,rows:d}=o;if(!l)return null;let u=[];for(let p=0;p<f;p++){let g=l[p],v=h[g.type=="th"?"TH":"TD"],T={top:!0,bottom:!d.length,left:p==0,right:p==f-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0},S=E(T),a=s?s(T):{};u.push(r(v,b(e(e(e(e({},t),S),g),a),{freeCSS:e(e(e({},t.freeCSS),a.freeCSS),g.freeCSS),className:[n("Cell"),i,g.className].join(" ")}),p))}return r(h.Row,{className:[n("Row"),n("HeadRow")].join(" "),children:u})},BodyRows:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,head:f,rows:l,colLength:d,onOrderChanged:u}=o,[p]=P(R.uuid.gen()),[g,v]=P({rows:l,origin:0,to:NaN}),T=[];if(g.rows.forEach((S,a)=>{let y=[];{let m={top:a==0&&!f,bottom:a==l.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},c=E(m),D=s?s(m):{};y.push(r(h.TH,b(e(e(e({padding:0,borderRight:!0},t),c),D),{freeCSS:e(e({},t.freeCSS),D.freeCSS),className:[n("Cell"),n("Draggable"),i].join(" "),children:r(O.Clear,{className:n("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onMouseDown:C=>{w.Start(C,{id:p,index:a,rows:g.rows,maxLength:l.length})},onTouchStart:C=>{w.Start(C,{id:p,index:a,rows:g.rows,maxLength:l.length})},children:r(k,{icon:U})})}),"DragOrigin"))}S.forEach((m,c)=>{m=e({},m);let D=h[m.type=="th"?"TH":"TD"],C={top:!!f&&!f.length,bottom:a==l.length-1,left:!1,right:c==d-2,rowIndex:a,colIndex:c,isBody:!0,isHeader:!1},I=E(C),B=s?s(C):{};y.push(r(D,b(e(e(e(e({},t),I),m),B),{freeCSS:e(e(e({},t.freeCSS),B.freeCSS),m.freeCSS),className:[n("Cell"),i,m.className].join(" ")}),c))}),T.push(r(h.Row,{id:"TableRow-"+p+"-"+a,className:[n("Row"),n("BodyRow")].join(" "),children:y},a))}),!isNaN(g.to)){let{origin:S,to:a}=g,y=[];y.push(r(h.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[n("Cell"),n("Draggable"),i].join(" "),children:r(k.ArrowRight,{fontColor:"theme"})},"dragButton")),g.rows[S].forEach((c,D)=>{c=e({},c);let C=h[c.type=="th"?"TH":"TD"],I={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},B=E(I),M=s?s(I):{};y.push(r(C,b(e(e(b(e({className:[n("Cell"),i,c.className].join(" ")},B),{backgroundColor:"theme.opa.low"}),M),c),{freeCSS:e(e(e({},t.freeCSS),M.freeCSS),c.freeCSS)})))}),T.splice(a,0,r(h.Row,{className:[n("Row"),n("Pre")].join(" "),children:y},"preSet"))}return j(()=>{N.set({[p]:{swap:(S,a)=>{if(a||a==0){let y=g.rows[S],m=[...g.rows];m.splice(S,1),m.splice(a-(S<a?1:0),0,y),v({rows:m,origin:0,to:NaN}),u(m.map(c=>JSON.parse(c.rowID)))}},preSet:S=>{let{origin:a,index:y}=S;v({rows:g.rows,origin:a,to:y})}}})}),j(()=>()=>{N.delete(p)},[]),r(_,{children:T})},Drag:o=>(o=e({},o),o.colLength=o.colLength+1,o.head&&(o.head=[{children:r(O.Clear,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{A.open({parent:t.currentTarget,content:z(A.Body,{children:[r(k,{icon:U}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(k.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...o.head]),o.rows=o.rows.map((t,i)=>(t.rowID=JSON.stringify(t.rowID||i),t)),r(h.Table,{className:n("Table"),children:z(h.Body,{children:[r(H.HeadRow,e({},o)),r(H.BodyRows,e({},o))]})}))},$=o=>r(J,b(e({type:"drag"},o),{JSXChildren:H.Drag})),w={Start:function(o,t){return L(this,null,function*(){o.stopPropagation(),o.preventDefault();let{id:i,index:s,rows:f,maxLength:l}=t;x("#TableRow-"+i+"-"+s).addClass(n("DraggerOrigin")),R(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:d=>{w.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:d=>{w.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:d=>{w.End(d,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:d=>{w.End(d,t)}})})},Move:function(o,t){let{id:i,maxLength:s}=t,f=R.getCursor(o).y-R.getScreenSize().scrollY;for(let l=0;l<s;l++){let d=x("#TableRow-"+i+"-"+l),{top:u,bottom:p,height:g}=d.position();l==0&&f<u?t.insertIndex=0:l===s-1&&p<=f?t.insertIndex=s:f>=u&&f<p&&(t.insertIndex=l+1)}{let{index:l,insertIndex:d}=t,u=N.get(i);u&&u.preSet&&u.preSet({origin:l,index:d})}return o.stopPropagation(),o.preventDefault(),!1},End:function(o,t){let{id:i,index:s,insertIndex:f}=t,l=N.get(i);l&&l.swap&&l.swap(s,f),x("#TableRow-"+i+"-"+s).removeClass(n("DraggerOrigin")),R(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{$ as Drag,$ as default};
+import{b as e,c as b,e as L}from"../../chunk-C5N2D3ZX.js";import{Fragment as W,jsx as r,jsxs as z}from"react/jsx-runtime";import B,{UUID as J}from"@mingoo/jsmin";import{useState as P,useEffect as j}from"react";import{$$fromRoot as x,useStore as N}from"../../@utils";import{FAI as k}from"../../atoms";import{Button as O}from"../Button";import A from"../Tooltips";import h from"./Parts";import _ from"./Wrapper";import{faGripVertical as U}from"@fortawesome/free-solid-svg-icons/faGripVertical";import{DefaultCellSystemAdjustingStyles as E}from"./cellStyling";import{TableClasses as n}from"../../@styles/componentClasses";const H={HeadRow:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,colLength:f,head:l,rows:d}=o;if(!l)return null;let u=[];for(let p=0;p<f;p++){let g=l[p],R=h[g.type=="th"?"TH":"TD"],T={top:!0,bottom:!d.length,left:p==0,right:p==f-1,rowIndex:0,colIndex:p,isBody:!1,isHeader:!0},S=E(T),a=s?s(T):{};u.push(r(R,b(e(e(e(e({},t),S),g),a),{freeCSS:e(e(e({},t.freeCSS),a.freeCSS),g.freeCSS),className:[n("Cell"),i,g.className].join(" ")}),p))}return r(h.Row,{className:[n("Row"),n("HeadRow")].join(" "),children:u})},BodyRows:o=>{let{cellStyles:t={},cellClassName:i="",cellStylesCallback:s,head:f,rows:l,colLength:d,onOrderChanged:u}=o,[p]=P(J()),[g,R]=P({rows:l,origin:0,to:NaN}),T=[];if(g.rows.forEach((S,a)=>{let y=[];{let m={top:a==0&&!f,bottom:a==l.length-1,left:!0,right:!1,rowIndex:a,colIndex:0,isBody:!0,isHeader:!1},c=E(m),D=s?s(m):{};y.push(r(h.TH,b(e(e(e({padding:0,borderRight:!0},t),c),D),{freeCSS:e(e({},t.freeCSS),D.freeCSS),className:[n("Cell"),n("Draggable"),i].join(" "),children:r(O.Clear,{className:n("DragableButton"),fontColor:"4.thin",fontSize:"3.paragraph",margin:"auto",ssSphere:3,tabIndex:-1,onMouseDown:C=>{w.Start(C,{id:p,index:a,rows:g.rows,maxLength:l.length})},onTouchStart:C=>{w.Start(C,{id:p,index:a,rows:g.rows,maxLength:l.length})},children:r(k,{icon:U})})}),"DragOrigin"))}S.forEach((m,c)=>{m=e({},m);let D=h[m.type=="th"?"TH":"TD"],C={top:!!f&&!f.length,bottom:a==l.length-1,left:!1,right:c==d-2,rowIndex:a,colIndex:c,isBody:!0,isHeader:!1},v=E(C),I=s?s(C):{};y.push(r(D,b(e(e(e(e({},t),v),m),I),{freeCSS:e(e(e({},t.freeCSS),I.freeCSS),m.freeCSS),className:[n("Cell"),i,m.className].join(" ")}),c))}),T.push(r(h.Row,{id:"TableRow-"+p+"-"+a,className:[n("Row"),n("BodyRow")].join(" "),children:y},a))}),!isNaN(g.to)){let{origin:S,to:a}=g,y=[];y.push(r(h.TH,{backgroundColor:"theme.opa.low",padding:0,borderRight:"2.normal",className:[n("Cell"),n("Draggable"),i].join(" "),children:r(k.ArrowRight,{fontColor:"theme"})},"dragButton")),g.rows[S].forEach((c,D)=>{c=e({},c);let C=h[c.type=="th"?"TH":"TD"],v={top:!1,bottom:!1,left:!1,right:!1,rowIndex:-1,colIndex:-1,isBody:!0,isHeader:!1},I=E(v),M=s?s(v):{};y.push(r(C,b(e(e(b(e({className:[n("Cell"),i,c.className].join(" ")},I),{backgroundColor:"theme.opa.low"}),M),c),{freeCSS:e(e(e({},t.freeCSS),M.freeCSS),c.freeCSS)})))}),T.splice(a,0,r(h.Row,{className:[n("Row"),n("Pre")].join(" "),children:y},"preSet"))}return j(()=>{N.set({[p]:{swap:(S,a)=>{if(a||a==0){let y=g.rows[S],m=[...g.rows];m.splice(S,1),m.splice(a-(S<a?1:0),0,y),R({rows:m,origin:0,to:NaN}),u(m.map(c=>JSON.parse(c.rowID)))}},preSet:S=>{let{origin:a,index:y}=S;R({rows:g.rows,origin:a,to:y})}}})}),j(()=>()=>{N.delete(p)},[]),r(W,{children:T})},Drag:o=>(o=e({},o),o.colLength=o.colLength+1,o.head&&(o.head=[{children:r(O.Clear,{ssSphere:3,fontSize:"3.paragraph",fontColor:"theme",onMouseOver:t=>{A.open({parent:t.currentTarget,content:z(A.Body,{children:[r(k,{icon:U}),"\u30DC\u30BF\u30F3\u3092\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u9806\u5E8F\u3092\u5909\u66F4"]})})},children:r(k.QuestionCircle,{})}),padding:[0,1],unitWidth:4},...o.head]),o.rows=o.rows.map((t,i)=>(t.rowID=JSON.stringify(t.rowID||i),t)),r(h.Table,{className:n("Table"),children:z(h.Body,{children:[r(H.HeadRow,e({},o)),r(H.BodyRows,e({},o))]})}))},$=o=>r(_,b(e({type:"drag"},o),{JSXChildren:H.Drag})),w={Start:function(o,t){return L(this,null,function*(){o.stopPropagation(),o.preventDefault();let{id:i,index:s,rows:f,maxLength:l}=t;x("#TableRow-"+i+"-"+s).addClass(n("DraggerOrigin")),B(document).addEvent({eventID:"DragMouseMove",eventType:"mousemove",callback:d=>{w.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragTouchMove",eventType:"touchmove",callback:d=>{w.Move(d,t)},options:{passive:!1}}).addEvent({eventID:"DragMouseUp",eventType:"mouseup",callback:d=>{w.End(d,t)}}).addEvent({eventID:"DragTouchEnd",eventType:"touchend",callback:d=>{w.End(d,t)}})})},Move:function(o,t){let{id:i,maxLength:s}=t,f=B.getCursor(o).y-B.getScreenSize().scrollY;for(let l=0;l<s;l++){let d=x("#TableRow-"+i+"-"+l),{top:u,bottom:p,height:g}=d.position();l==0&&f<u?t.insertIndex=0:l===s-1&&p<=f?t.insertIndex=s:f>=u&&f<p&&(t.insertIndex=l+1)}{let{index:l,insertIndex:d}=t,u=N.get(i);u&&u.preSet&&u.preSet({origin:l,index:d})}return o.stopPropagation(),o.preventDefault(),!1},End:function(o,t){let{id:i,index:s,insertIndex:f}=t,l=N.get(i);l&&l.swap&&l.swap(s,f),x("#TableRow-"+i+"-"+s).removeClass(n("DraggerOrigin")),B(document).removeEvent(["DragMouseMove","DragTouchMove","DragMouseUp","DragTouchEnd"])}};export{$ as Drag,$ as default};

package/dist/fn/Table/Wrapper.js

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

package/dist/fn/Tips.js

@@ -1 +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};
+import"../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import e,{UUID as a}from"@mingoo/jsmin";import{Text as m}from"../mols";import{Tooltips as o}from".";const t={uid:a(),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(m.Supplement,{children:r})})})}))},abort:()=>{e.interval.clear(t.uid),o.close(t.uid)}};export{t as Tips};

package/dist/fn/Tooltips.js

@@ -1 +1 @@
-import{b as o,c as r,d as n}from"../chunk-C5N2D3ZX.js";import{jsx as d}from"react/jsx-runtime";import p from"@mingoo/jsmin";import{Box as c}from"../atoms";import t from"./Sheet";const l={__memoryID:p.uuid.gen(),open:e=>{let s=e,{tipsID:i=p.uuid.gen(24),tipsGroups:a=[]}=s,u=n(s,["tipsID","tipsGroups"]);t.open(r(o({sheetID:i,sheetGroups:["tooltips",...a],closeAtAroundClick:!0,closeAtParentBlur:!0,closeAtEscapeKeyDown:!0,closeAtPageTransit:!0},u),{type:"custom"}))},close:e=>{e&&t.close(e)},closeALL:()=>{t.closeGroup("tooltips")},Body:e=>d(c,o({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},e))};export{l as Tooltips,l as default};
+import{b as e,c as r,d as n}from"../chunk-C5N2D3ZX.js";import{jsx as u}from"react/jsx-runtime";import{UUID as p}from"@mingoo/jsmin";import{Box as d}from"../atoms";import t from"./Sheet";const l={__memoryID:p(),open:o=>{let s=o,{tipsID:i=p(),tipsGroups:a=[]}=s,c=n(s,["tipsID","tipsGroups"]);t.open(r(e({sheetID:i,sheetGroups:["tooltips",...a],closeAtAroundClick:!0,closeAtParentBlur:!0,closeAtEscapeKeyDown:!0,closeAtPageTransit:!0},c),{type:"custom"}))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Body:o=>u(d,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))};export{l as Tooltips,l as default};

package/dist/mols/Accordion.js

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

package/dist/temps/designBook.js

@@ -1,8 +1,8 @@
-import{b as N,c as Y,e as v}from"../chunk-C5N2D3ZX.js";import{Fragment as c,jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as k,useEffect as G}from"react";import f,{Filer as U}from"@mingoo/jsmin";import{Config as L,ThemeColors as Z,Box as t,Span as ee,Grid as m,Flex as b,FAI as x,Img as I,Logo as s,Column as p,Placeholder as oe,List as F,ListItem as E,LinkifyText as te,Accordion as X,Row as u,Text as i,PageViewController as re,SwipeView as le,TabBar as ae,Plate as j,Table as C,Input as n,Button as r,Anchor as M,Label as A,Sheet as B,Snackbar as V,Tooltips as R,Tips as J,Loader as P,Effect as ne,Cropper as ie,RootViewController as de}from"..";const y={index:()=>o(c,{children:[o(b,{gap:1,children:[e(t,{flexCenter:!0,children:e(oe,{ssSphere:6,children:"Placeholder"})}),o(m,{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(m,{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(y.Fonts,{}),e(y.Box,{}),e(y.Flex,{}),e(y.Grid,{}),e(y.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
+import{b as N,c as X,e as v}from"../chunk-C5N2D3ZX.js";import{Fragment as c,jsx as e,jsxs as o}from"react/jsx-runtime";import T,{UUID as U,Filer as W}from"@mingoo/jsmin";import{useState as k,useEffect as G}from"react";import{Config as L,ThemeColors as ee,Box as t,Span as oe,Grid as m,Flex as b,FAI as x,Img as I,Logo as s,Column as p,Placeholder as te,List as F,ListItem as E,LinkifyText as re,Accordion as j,Row as u,Text as i,PageViewController as le,SwipeView as ae,TabBar as ne,Plate as J,Table as C,Input as n,Button as r,Anchor as M,Label as A,Sheet as B,Snackbar as V,Tooltips as R,Tips as K,Loader as P,Effect as ie,Cropper as de,RootViewController as se}from"..";const y={index:()=>o(c,{children:[o(b,{gap:1,children:[e(t,{flexCenter:!0,children:e(te,{ssSphere:6,children:"Placeholder"})}),o(m,{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(m,{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(y.Fonts,{}),e(y.Box,{}),e(y.Flex,{}),e(y.Grid,{}),e(y.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(F,{items:[o(c,{children:["\u30FB Landing",o(t,{isSemiBoldFont:!0,fontSize:"7.landing",children:["Visualize Your ",e(ee,{fontColor:"theme",children:"Colors"})," On a Real Website"]})]}),o(c,{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(c,{children:["\u30FB SubTitle",e(t,{fontSize:"5.subTitle",children:"\u652F\u6255\u3044\u3092\u53D7\u3051\u4ED8\u3051\u308B"})]}),o(c,{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(c,{children:["\u30FB Paragraph",e(i.Description,{fontSize:"3.paragraph",children:e(te,{text:`
+</Box>`}),e(F,{items:[o(c,{children:["\u30FB Landing",o(t,{isSemiBoldFont:!0,fontSize:"7.landing",children:["Visualize Your ",e(oe,{fontColor:"theme",children:"Colors"})," On a Real Website"]})]}),o(c,{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(c,{children:["\u30FB SubTitle",e(t,{fontSize:"5.subTitle",children:"\u652F\u6255\u3044\u3092\u53D7\u3051\u4ED8\u3051\u308B"})]}),o(c,{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(c,{children:["\u30FB Paragraph",e(i.Description,{fontSize:"3.paragraph",children:e(re,{text:`
 This article discusses performance best practices for fonts.
 There are a variety of ways in which web fonts impact performance`})})]}),o(c,{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(c,{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!!
@@ -53,7 +53,7 @@ children={
     in Accordion Element
   </>
 }
-/>`})})},{children:o(c,{children:[e(A,{}),e(A.Sub,{children:"ToggleButton",onClick:()=>{X.fn.toggle("testAccordion")}}),e(X,{accordionID:"testAccordion",defaultOpen:!0,children:"in Accordion Element"})]})}],[{children:e(i.Description,{children:`
+/>`})})},{children:o(c,{children:[e(A,{}),e(A.Sub,{children:"ToggleButton",onClick:()=>{j.fn.toggle("testAccordion")}}),e(j,{accordionID:"testAccordion",defaultOpen:!0,children:"in Accordion Element"})]})}],[{children:e(i.Description,{children:`
 <Img
 maxheight={ 8 }
 maxWidth={ 8 }
@@ -64,16 +64,16 @@ alt='noImage'
   ssEffectsOnActive={ 'ripple.( cloud | theme | nega | posi | warn )' }
 />`}),o(u.Center,{children:[e(t,{ssCardBox:!0,padding:1,ssEffectsOnActive:"ripple.theme",children:"DIV"}),e(r.Prime,{ssEffectsOnActive:"ripple.white",children:"White"}),e(r.Border,{ssEffectsOnActive:"ripple.cloud",children:"Cloud"}),e(r.Border,{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(u.Left,{children:e(r,{onClick:()=>{P.fn.mini.active("testLoadingKey"),setTimeout(()=>{P.fn.stopALL()},5e3)},children:o(u.Center,{gap:0,children:[e(P.White.S,{loaderID:"testLoadingKey",marginRight:1}),e(t,{textAlign:"left",children:"Launch Mini Loader"})]})})}),o(u.Left,{children:[e(r.Border,{ssEffectsOnActive:"shrink",children:"Shrink"}),e(r.Border,{ssEffectsOnActive:"pudding",children:"Pudding"}),e(r.Border,{ssEffectsOnActive:"expand",children:"Expand"}),e(r.Border,{ssEffectsOnActive:"push",children:"Push"}),e(r.Border,{children:"corner Loader",onClick:()=>{P.fn.corner.active(),setTimeout(()=>{P.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,{onContextMenu:l=>{l.preventDefault(),R.open({tipsID:"testTooltips",event:l,nextToCursor:!0,gravityPoint:10,closeAtParentBlur:!1,padding:0,freeCSS:{minWidth:12*16},content:o(p,{ssCardBox:!0,gap:0,borderRadius:"3.tone.tertiary",padding:"1/2",children:[e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label1"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label2"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label3"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label4"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label5"})]})})},children:["OpenTooltips next to cursor",e("br",{}),"( onContextMenu )"]}),e(m,{gridCols:5,gap:1,children:Array.from({length:25}).map((l,a)=>e(r.Border,{onMouseOver:d=>{R.open({tipsID:"tips-"+(a+1),event:d,gravityPoint:a+1,closeAtParentBlur:!1,padding:0,content:e(R.Body,{children:a},a)})},children:a+1},a))})]})]}),Snackbar:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Snackbars"}),o(u.Center,{padding:2,children:[e(r,{onClick:()=>{V.add({secondsToClose:3,children:"hello World!!"})},children:"Add Normal Snackbar"}),e(r,{onClick:()=>{V.add({snackID:"testSnackID1",secondsToClose:30,children:o(u.Separate,{verticalAlign:"baseline",paddingLeft:"2/3",children:["\u4E88\u7D04\u6642\u9593\u304C\u66F4\u65B0\u3055\u308C\u307E\u3057\u305F",e(r.Clear.S,{color:"white",fontColor:"posi",children:"\u5143\u306B\u623B\u3059"})]})})},children:"Notices"}),e(r,{onClick:()=>{let l=f.uuid.gen();V.add({snackID:l,children:o(p,{padding:1,children:[o(u.Left,{verticalAlign:"top",children:[e(I,{src:s.Images.defaultIcon("user"),ssSphere:4}),e(i.Description,{children:`Some Text
+/>`}),e(u.Left,{children:e(r,{onClick:()=>{P.fn.mini.active("testLoadingKey"),setTimeout(()=>{P.fn.stopALL()},5e3)},children:o(u.Center,{gap:0,children:[e(P.White.S,{loaderID:"testLoadingKey",marginRight:1}),e(t,{textAlign:"left",children:"Launch Mini Loader"})]})})}),o(u.Left,{children:[e(r.Border,{ssEffectsOnActive:"shrink",children:"Shrink"}),e(r.Border,{ssEffectsOnActive:"pudding",children:"Pudding"}),e(r.Border,{ssEffectsOnActive:"expand",children:"Expand"}),e(r.Border,{ssEffectsOnActive:"push",children:"Push"}),e(r.Border,{children:"corner Loader",onClick:()=>{P.fn.corner.active(),setTimeout(()=>{P.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,{onContextMenu:l=>{l.preventDefault(),R.open({tipsID:"testTooltips",event:l,nextToCursor:!0,gravityPoint:10,closeAtParentBlur:!1,padding:0,freeCSS:{minWidth:12*16},content:o(p,{ssCardBox:!0,gap:0,borderRadius:"3.tone.tertiary",padding:"1/2",children:[e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label1"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label2"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label3"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label4"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label5"})]})})},children:["OpenTooltips next to cursor",e("br",{}),"( onContextMenu )"]}),e(m,{gridCols:5,gap:1,children:Array.from({length:25}).map((l,a)=>e(r.Border,{onMouseOver:d=>{R.open({tipsID:"tips-"+(a+1),event:d,gravityPoint:a+1,closeAtParentBlur:!1,padding:0,content:e(R.Body,{children:a},a)})},children:a+1},a))})]})]}),Snackbar:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Snackbars"}),o(u.Center,{padding:2,children:[e(r,{onClick:()=>{V.add({secondsToClose:3,children:"hello World!!"})},children:"Add Normal Snackbar"}),e(r,{onClick:()=>{V.add({snackID:"testSnackID1",secondsToClose:30,children:o(u.Separate,{verticalAlign:"baseline",paddingLeft:"2/3",children:["\u4E88\u7D04\u6642\u9593\u304C\u66F4\u65B0\u3055\u308C\u307E\u3057\u305F",e(r.Clear.S,{color:"white",fontColor:"posi",children:"\u5143\u306B\u623B\u3059"})]})})},children:"Notices"}),e(r,{onClick:()=>{let l=U();V.add({snackID:l,children:o(p,{padding:1,children:[o(u.Left,{verticalAlign:"top",children:[e(I,{src:s.Images.defaultIcon("user"),ssSphere:4}),e(i.Description,{children:`Some Text
 Some Text
-Some Text`})]}),o(u.Separate,{children:[e(r.Sub.S,{color:"white",onClick:()=>{V.remove(l)},children:"\u9589\u3058\u308B"}),e(M.Prime.S,{href:"",children:"\u8A73\u7D30"})]})]})})},children:"Message"})]})]})},W={index:()=>o(c,{children:[e(W.Types,{}),e(W.Tone,{})]}),Tone:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Tone"}),e(t,{padding:1,overflow:"auto",children:o(m,{gridCols:2,gap:2,children:[o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBPrime"}),o(m,{gridCols:3,padding:1,gap:1,children:[e(r,{color:"theme",children:"theme"}),e(r,{backgroundColor:"coffee",children:"posi"}),e(r,{backgroundColor:"ninja",children:"nega"}),e(r,{backgroundColor:"droplet",children:"warn"}),e(r,{backgroundColor:"googleBlue",children:"mono"}),e(r,{backgroundColor:"poizon",children:"pozion"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBSub"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.Sub,{color:"theme",children:"theme"}),e(r.Sub,{color:"posi",children:"posi"}),e(r.Sub,{color:"nega",children:"nega"}),e(r.Sub,{color:"warn",children:"warn"}),e(r.Sub,{color:"cloud",children:"cloud"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Sub,{color:"white",children:"white"}),e(r.Sub,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBClear"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.Clear,{color:"theme",children:"theme"}),e(r.Clear,{color:"posi",children:"posi"}),e(r.Clear,{color:"nega",children:"nega"}),e(r.Clear,{color:"warn",children:"warn"}),e(r.Clear,{color:"cloud",children:"cloud"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Clear,{color:"white",children:"white"}),e(r.Clear,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBFillToBorder"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.FillToBorder,{color:"theme",children:"theme"}),e(r.FillToBorder,{color:"posi",children:"posi"}),e(r.FillToBorder,{color:"nega",children:"nega"}),e(r.FillToBorder,{color:"warn",children:"warn"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.FillToBorder,{color:"white",children:"white"}),e(r.FillToBorder,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBBorderToFill"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.BorderToFill,{color:"theme",fontColor:"nega",children:e(t,{children:"theme"})}),e(r.BorderToFill,{color:"posi",children:"posi"}),e(r.BorderToFill,{color:"nega",children:"nega"}),e(r.BorderToFill,{color:"warn",children:"warn"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.BorderToFill,{color:"white",children:"white"}),e(r.BorderToFill,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBOthers"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.Border,{children:"Border"}),e(r.Normal,{children:"Normal"}),e(r.Link,{children:"Link"}),e(r.Plain,{children:"Plain"})]})]})]})})]}),Types:()=>o(b,{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(F,{items:[o(c,{children:[e(r.Prime,{children:"Button.Prime"}),"Button.Button.Prime"]}),o(c,{children:[e(r.Sub,{children:"Button.Sub"}),"Button.Button.Sub"]}),o(c,{children:[e(r.Border,{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(F,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(c,{children:["Label.Prime",e(A.Prime,{children:"Label.Prime"})]}),o(c,{children:["Label.Sub",e(A.Sub,{children:"Label.Sub"})]}),o(c,{children:["Label.Border",e(A.Border,{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(F,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(c,{children:["Button.Anchor.Prime",e(M.Prime,{href:"",children:"Anchor.Prime"})]}),o(c,{children:["Button.Anchor.Sub",e(M.Sub,{href:"",children:"Anchor.Sub"})]}),o(c,{children:["Button.Anchor.Border",e(M.Border,{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(u.Left,{children:e(r.Prime.XS,{children:'size="XS"'})}),e(u.Left,{children:e(r.Prime.S,{children:'size="S"'})}),e(u.Left,{children:e(r.Prime,{children:'size="R"'})}),e(u.Left,{children:e(r.Prime.L,{children:'size="L"'})})]})]})]})},se={index:()=>{let l=a=>e(t,N({flexCenter:!0,ssCardBox:"layer",textAlign:"center",padding:2},a));return o(p,{gap:4,children:[o(p,{children:[e(i.Paragraph,{children:"Shadows"}),o(m,{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(i.Paragraph,{children:"Inset Shadows"}),o(m,{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"})]})]})]})}},ue=()=>{const l={Basic:()=>o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"TextInput"}),o(p,{padding:1,gap:2,children:[o(u.Separate,{marginBottom:2,children:[e(i.Description,{children:`<Input.Text
+Some Text`})]}),o(u.Separate,{children:[e(r.Sub.S,{color:"white",onClick:()=>{V.remove(l)},children:"\u9589\u3058\u308B"}),e(M.Prime.S,{href:"",children:"\u8A73\u7D30"})]})]})})},children:"Message"})]})]})},_={index:()=>o(c,{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(m,{gridCols:2,gap:2,children:[o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBPrime"}),o(m,{gridCols:3,padding:1,gap:1,children:[e(r,{color:"theme",children:"theme"}),e(r,{backgroundColor:"coffee",children:"posi"}),e(r,{backgroundColor:"ninja",children:"nega"}),e(r,{backgroundColor:"droplet",children:"warn"}),e(r,{backgroundColor:"googleBlue",children:"mono"}),e(r,{backgroundColor:"poizon",children:"pozion"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBSub"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.Sub,{color:"theme",children:"theme"}),e(r.Sub,{color:"posi",children:"posi"}),e(r.Sub,{color:"nega",children:"nega"}),e(r.Sub,{color:"warn",children:"warn"}),e(r.Sub,{color:"cloud",children:"cloud"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Sub,{color:"white",children:"white"}),e(r.Sub,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBClear"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.Clear,{color:"theme",children:"theme"}),e(r.Clear,{color:"posi",children:"posi"}),e(r.Clear,{color:"nega",children:"nega"}),e(r.Clear,{color:"warn",children:"warn"}),e(r.Clear,{color:"cloud",children:"cloud"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Clear,{color:"white",children:"white"}),e(r.Clear,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBFillToBorder"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.FillToBorder,{color:"theme",children:"theme"}),e(r.FillToBorder,{color:"posi",children:"posi"}),e(r.FillToBorder,{color:"nega",children:"nega"}),e(r.FillToBorder,{color:"warn",children:"warn"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.FillToBorder,{color:"white",children:"white"}),e(r.FillToBorder,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBBorderToFill"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.BorderToFill,{color:"theme",fontColor:"nega",children:e(t,{children:"theme"})}),e(r.BorderToFill,{color:"posi",children:"posi"}),e(r.BorderToFill,{color:"nega",children:"nega"}),e(r.BorderToFill,{color:"warn",children:"warn"})]}),o(m,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.BorderToFill,{color:"white",children:"white"}),e(r.BorderToFill,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBOthers"}),o(m,{gridCols:3,gap:1,padding:1,children:[e(r.Border,{children:"Border"}),e(r.Normal,{children:"Normal"}),e(r.Link,{children:"Link"}),e(r.Plain,{children:"Plain"})]})]})]})})]}),Types:()=>o(b,{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(F,{items:[o(c,{children:[e(r.Prime,{children:"Button.Prime"}),"Button.Button.Prime"]}),o(c,{children:[e(r.Sub,{children:"Button.Sub"}),"Button.Button.Sub"]}),o(c,{children:[e(r.Border,{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(F,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(c,{children:["Label.Prime",e(A.Prime,{children:"Label.Prime"})]}),o(c,{children:["Label.Sub",e(A.Sub,{children:"Label.Sub"})]}),o(c,{children:["Label.Border",e(A.Border,{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(F,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(c,{children:["Button.Anchor.Prime",e(M.Prime,{href:"",children:"Anchor.Prime"})]}),o(c,{children:["Button.Anchor.Sub",e(M.Sub,{href:"",children:"Anchor.Sub"})]}),o(c,{children:["Button.Anchor.Border",e(M.Border,{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(u.Left,{children:e(r.Prime.XS,{children:'size="XS"'})}),e(u.Left,{children:e(r.Prime.S,{children:'size="S"'})}),e(u.Left,{children:e(r.Prime,{children:'size="R"'})}),e(u.Left,{children:e(r.Prime.L,{children:'size="L"'})})]})]})]})},ue={index:()=>{let l=a=>e(t,N({flexCenter:!0,ssCardBox:"layer",textAlign:"center",padding:2},a));return o(p,{gap:4,children:[o(p,{children:[e(i.Paragraph,{children:"Shadows"}),o(m,{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(i.Paragraph,{children:"Inset Shadows"}),o(m,{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"})]})]})]})}},ce=()=>{const l={Basic:()=>o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"TextInput"}),o(p,{padding:1,gap:2,children:[o(u.Separate,{marginBottom:2,children:[e(i.Description,{children:`<Input.Text
     required
     value={ 'hello React!!' }
-  />`}),e(n.TextField,{tone:"cloud",name:"textfield",label:"testInputLabel",placeholder:"testInputPlaceholder",isLabelActive:!0,required:!0,value:"helloReact"})]}),e(n.TextField.Email,{label:"Input.TextField.Email",name:"textfield.email",autoComplete:"off",value:"test@gmail.com"}),e(n.TextField.Number,{label:"Input.TextField.Number",value:324,onUpdateValidValue:({value:a})=>{console.log(a)}}),e(n.TextField,{label:"Input.TextField (number.zeroStart)",name:"textfield.zeroStart",restrict:"number.zeroStart",value:"0324"}),o(t,{children:["Input.DigitCharacters",e(n.DigitCharacters,{numericOnly:!0,value:"032421",name:"digitCharacters",digits:6,onUpdateValidValue:({value:a})=>{console.log(a)}})]}),e(n.TextField.Tel,{label:"Input.TextField.Tel",name:"textfield.tel",value:"080-6995-2229"}),e(n.TextField.Money.JPY,{value:"3000",label:"Input.TextField.Money.JPY",name:"textfield.money"}),e(n.TextField.Url,{label:"Input.TextField.Url",value:"http://google.com",name:"textfield.url"}),o(t,{children:[e(n.TextField.Postal,{label:"Input.TextField.Postal",name:"textfield.postal",override:"force",rightIcon:e(n.RightIcon,{freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{borderRadius:"3.tone.tertiary",ssSphere:2,onClick:()=>v(void 0,null,function*(){}),onMouseOver:a=>{J.open(a.currentTarget,"\u73FE\u5728\u5730\u3092\u53D6\u5F97")},onMouseLeave:()=>{J.abort()},children:e(x.Location,{})})})}),e(t,{id:"postalResult",padding:1,textAlign:"left"})]}),e(n.TextField.Password,{label:"Input.TextField.Password",name:"textfield.password",value:"onigiriUmai123"}),e(n.TextField,{label:"Input.TextField (multiline)",name:"textfield.multiline",multiline:!0,autoHeight:!1,value:`text1
+  />`}),e(n.TextField,{tone:"cloud",name:"textfield",label:"testInputLabel",placeholder:"testInputPlaceholder",isLabelActive:!0,required:!0,value:"helloReact"})]}),e(n.TextField.Email,{label:"Input.TextField.Email",name:"textfield.email",autoComplete:"off",value:"test@gmail.com"}),e(n.TextField.Number,{label:"Input.TextField.Number",value:324,onUpdateValidValue:({value:a})=>{console.log(a)}}),e(n.TextField,{label:"Input.TextField (number.zeroStart)",name:"textfield.zeroStart",restrict:"number.zeroStart",value:"0324"}),o(t,{children:["Input.DigitCharacters",e(n.DigitCharacters,{numericOnly:!0,value:"032421",name:"digitCharacters",digits:6,onUpdateValidValue:({value:a})=>{console.log(a)}})]}),e(n.TextField.Tel,{label:"Input.TextField.Tel",name:"textfield.tel",value:"080-6995-2229"}),e(n.TextField.Money.JPY,{value:"3000",label:"Input.TextField.Money.JPY",name:"textfield.money"}),e(n.TextField.Url,{label:"Input.TextField.Url",value:"http://google.com",name:"textfield.url"}),o(t,{children:[e(n.TextField.Postal,{label:"Input.TextField.Postal",name:"textfield.postal",override:"force",rightIcon:e(n.RightIcon,{freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{borderRadius:"3.tone.tertiary",ssSphere:2,onClick:()=>v(void 0,null,function*(){}),onMouseOver:a=>{K.open(a.currentTarget,"\u73FE\u5728\u5730\u3092\u53D6\u5F97")},onMouseLeave:()=>{K.abort()},children:e(x.Location,{})})})}),e(t,{id:"postalResult",padding:1,textAlign:"left"})]}),e(n.TextField.Password,{label:"Input.TextField.Password",name:"textfield.password",value:"onigiriUmai123"}),e(n.TextField,{label:"Input.TextField (multiline)",name:"textfield.multiline",multiline:!0,autoHeight:!1,value:`text1
 text2
 text3
 text4
-text5`,minRows:5}),e(n.TextField,{label:"Input.TextField",name:"textfield.autoHeight",isLabelActive:!0,placeholder:"(autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:a=>{console.log(a)}}),e(n.TextField,{label:"Input.LeftIndicator",leftIndicator:e(n.LeftIndicator,{children:"Left Indicator"})}),e(n.TextField,{label:"Input.LeftIcon",paddingLeft:6,leftIcon:e(n.LeftIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{padding:["1/3","1/2"],children:"Left Icon"})})}),e(n.TextField,{label:"Input.RightIcon",paddingRight:6,rightIcon:e(n.RightIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{padding:["1/3","1/2"],children:"Right Icon"})})}),e(n.TextField,{label:"Input.RightIndicator",rightIndicator:e(n.RightIndicator,{children:"Right Indicator"})})]})]}),Time:()=>e(c,{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(n.Time.Clock,{label:"Input.Time.Clock",name:"time.clock"}),e(n.Time.Date,{label:"Input.Time.Date",name:"time.date"}),e(n.Time.Week,{label:"Input.Time.Week",name:"time.week"}),e(n.Time.Month,{label:"Input.Time.Month",name:"time.month"}),e(n.Time.Year,{label:"Input.Time.Year",name:"time.year"}),e(n.Time.Periods.Date,{label:"Input.Time.Periods.Date",name:"time.periods.date"}),e(n.Time.Periods.Month,{label:"Input.Time.Periods.Month",name:"time.periods.month"}),e(n.Time.DateWareki,{label:"Input.Time.DateWareki",name:"time.dateWareki"}),e(t,{children:e(n.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:a})=>{n.Time.fn.picker.launch({parent:"#timePicker",restrict:a,defaultValue:"",onValueUpdate:d=>{console.log(d)}})}})})]})})]})}),List:()=>e(c,{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(b,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(n.Checkbox,{name:"checkbox",value:[2,"3"],min:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(n.Radio,{name:"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(n.Radio,{name:"radio.CustomIcon",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:a=>o(r.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:a.isChecked?"theme":"5.translucent",onClick:d=>{d.preventDefault(),d.stopPropagation(),a.toggle()},children:[e(x.Heart,{})," 3"]})})]})]}),o(p,{children:[e(i.Paragraph,{children:"Tones"}),o(p,{children:[o(t,{children:["Plain",e(n.Radio,{name:"radio.plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Plain icon={ false }",e(n.Checkbox,{name:"checkbox.plain",icon:!1,cellStyles:{padding:["1/3","2/3"],isRounded:!0},cellCheckedStyles:{fontColor:"theme"},value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Simple",e(n.Checkbox.Simple,{name:"checkbox.simple",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Normal",e(n.Checkbox.Normal,{name:"checkbox.normal",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Vivid",e(n.Checkbox.Vivid,{name:"checkbox.vivid",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Cloud",e(n.Checkbox.Cloud,{name:"checkbox.cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Border",e(n.Radio.Border,{name:"radio.border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})]})})]})}),Select:()=>e(c,{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(n.Select,{name:"select",label:"Input.Select",isLabelActive:!0,placeholder:"Select",required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]}),e(n.Search,{name:"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"}],DynamicOptionsOnSearch:a=>v(void 0,null,function*(){console.log("keyword",a);let d=[];for(let g=0;g<100;g++)d.push({value:g,label:String(g),searchValue:a});return d})}),e(n.Autocomplete,{name:"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"}]}),e(n.Autocomplete,{name:"autocomplete.dynamic",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"}],DynamicOptionsOnSearch:a=>v(void 0,null,function*(){console.log("keyword",a),yield f.pending(()=>{},1e3);let d=[];for(let g=0;g<100;g++)d.push({value:g,label:String(g),searchValue:a});return d})})]})]})}),Segmented:()=>o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"Segmented"}),o(p,{padding:2,gap:2,children:[e(u.Left,{children:e(n.Segmented,{name:"segmented",value:1,options:[{value:0,label:"Home"},{value:1,label:"Notice"},{value:2,label:"Posts"},{value:3,label:"Settings"}]})}),e(u.Left,{children:e(n.Segmented.Cloud,{name:"segmented.cloud",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.CloudTheme,{name:"segmented.cloudTheme",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.CloudMono,{name:"segmented.cloudMono",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.Border,{name:"segmented.border",value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(u.Left,{children:e(n.Segmented.BorderVivid,{name:"segmented.borderVivid",value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(u.Left,{borderBottom:!0,children:e(n.Segmented.Bottomline,{name:"segmented.bottomline",value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})})]})]}),Variables:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Variables"}),e(t,{padding:1,children:e(p,{children:o(p,{gap:2,children:[o(t,{children:["Input.File",e(n.Filer,{name:"filer",limit:3,onUpdateValidValue:({value:a})=>{console.log(a[0])}})]}),o(t,{children:["Input.Switch",o(u.Left,{gap:2,children:[e(n.Switch,{name:"switch"}),e(n.Switch,{name:"switch.applely",appearance:"applely",color:"icicles",value:!0}),e(n.Switch,{name:"switch.warn",appearance:"applely",icon:e(x.ExclamationTriangle,{}),color:"warn",value:!0})]})]}),e(u.Left,{children:e(n.Color,{name:"color",onUpdateValidValue:({value:a})=>{console.log(a)},value:"#4332c3"})}),o(t,{flexNewLine:!0,children:["Input.Slider",e(n.Slider,{name:"slider",color:"battery",value:40,step:10,min:0,max:100,onUpdateValidValue:({value:a})=>{console.log(a)}})]})]})})})]})})};return e(c,{children:e(j,{size:"L",children:o(m,{gridCols:2,gap:2,children:[e(l.Basic,{}),e(l.Select,{}),e(l.Time,{}),e(l.List,{}),e(l.Segmented,{}),e(l.Variables,{})]})})})},ce=()=>{const l=(a,d)=>{let g="testModal"+d;B.open({type:a,sheetID:g,size:"S",padding:2,content:o(B.Body,{padding:1,children:[o(t,{padding:2,children:["Content ",d||0]}),e(r.Sub,{onClick:()=>{l(a,d?d+1:1)},children:"Open Nested"}),e(u.Right,{children:e(r,{onClick:()=>{B.close(g)},children:"\u9589\u3058\u308B"})})]})})};return o(c,{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}}>
+text5`,minRows:5}),e(n.TextField,{label:"Input.TextField",name:"textfield.autoHeight",isLabelActive:!0,placeholder:"(autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:a=>{console.log(a)}}),e(n.TextField,{label:"Input.LeftIndicator",leftIndicator:e(n.LeftIndicator,{children:"Left Indicator"})}),e(n.TextField,{label:"Input.LeftIcon",paddingLeft:6,leftIcon:e(n.LeftIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{padding:["1/3","1/2"],children:"Left Icon"})})}),e(n.TextField,{label:"Input.RightIcon",paddingRight:6,rightIcon:e(n.RightIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{padding:["1/3","1/2"],children:"Right Icon"})})}),e(n.TextField,{label:"Input.RightIndicator",rightIndicator:e(n.RightIndicator,{children:"Right Indicator"})})]})]}),Time:()=>e(c,{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(n.Time.Clock,{label:"Input.Time.Clock",name:"time.clock"}),e(n.Time.Date,{label:"Input.Time.Date",name:"time.date"}),e(n.Time.Week,{label:"Input.Time.Week",name:"time.week"}),e(n.Time.Month,{label:"Input.Time.Month",name:"time.month"}),e(n.Time.Year,{label:"Input.Time.Year",name:"time.year"}),e(n.Time.Periods.Date,{label:"Input.Time.Periods.Date",name:"time.periods.date"}),e(n.Time.Periods.Month,{label:"Input.Time.Periods.Month",name:"time.periods.month"}),e(n.Time.DateWareki,{label:"Input.Time.DateWareki",name:"time.dateWareki"}),e(t,{children:e(n.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:a})=>{n.Time.fn.picker.launch({parent:"#timePicker",restrict:a,defaultValue:"",onValueUpdate:d=>{console.log(d)}})}})})]})})]})}),List:()=>e(c,{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(b,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(n.Checkbox,{name:"checkbox",value:[2,"3"],min:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(n.Radio,{name:"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(n.Radio,{name:"radio.CustomIcon",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:a=>o(r.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:a.isChecked?"theme":"5.translucent",onClick:d=>{d.preventDefault(),d.stopPropagation(),a.toggle()},children:[e(x.Heart,{})," 3"]})})]})]}),o(p,{children:[e(i.Paragraph,{children:"Tones"}),o(p,{children:[o(t,{children:["Plain",e(n.Radio,{name:"radio.plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Plain icon={ false }",e(n.Checkbox,{name:"checkbox.plain",icon:!1,cellStyles:{padding:["1/3","2/3"],isRounded:!0},cellCheckedStyles:{fontColor:"theme"},value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Simple",e(n.Checkbox.Simple,{name:"checkbox.simple",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Normal",e(n.Checkbox.Normal,{name:"checkbox.normal",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Vivid",e(n.Checkbox.Vivid,{name:"checkbox.vivid",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Cloud",e(n.Checkbox.Cloud,{name:"checkbox.cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Border",e(n.Radio.Border,{name:"radio.border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})]})})]})}),Select:()=>e(c,{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(n.Select,{name:"select",label:"Input.Select",isLabelActive:!0,placeholder:"Select",required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]}),e(n.Search,{name:"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"}],DynamicOptionsOnSearch:a=>v(void 0,null,function*(){console.log("keyword",a);let d=[];for(let g=0;g<100;g++)d.push({value:g,label:String(g),searchValue:a});return d})}),e(n.Autocomplete,{name:"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"}]}),e(n.Autocomplete,{name:"autocomplete.dynamic",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"}],DynamicOptionsOnSearch:a=>v(void 0,null,function*(){console.log("keyword",a),yield T.pending(()=>{},1e3);let d=[];for(let g=0;g<100;g++)d.push({value:g,label:String(g),searchValue:a});return d})})]})]})}),Segmented:()=>o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"Segmented"}),o(p,{padding:2,gap:2,children:[e(u.Left,{children:e(n.Segmented,{name:"segmented",value:1,options:[{value:0,label:"Home"},{value:1,label:"Notice"},{value:2,label:"Posts"},{value:3,label:"Settings"}]})}),e(u.Left,{children:e(n.Segmented.Cloud,{name:"segmented.cloud",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.CloudTheme,{name:"segmented.cloudTheme",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.CloudMono,{name:"segmented.cloudMono",value:1,options:[{value:0,label:e(x.AngleLeft,{})},{value:1,label:e(x.AngleRight,{})},{value:2,label:e(x.AngleUp,{})},{value:3,label:e(x.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.Border,{name:"segmented.border",value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(u.Left,{children:e(n.Segmented.BorderVivid,{name:"segmented.borderVivid",value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(u.Left,{borderBottom:!0,children:e(n.Segmented.Bottomline,{name:"segmented.bottomline",value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})})]})]}),Variables:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Variables"}),e(t,{padding:1,children:e(p,{children:o(p,{gap:2,children:[o(t,{children:["Input.File",e(n.Filer,{name:"filer",limit:3,onUpdateValidValue:({value:a})=>{console.log(a[0])}})]}),o(t,{children:["Input.Switch",o(u.Left,{gap:2,children:[e(n.Switch,{name:"switch"}),e(n.Switch,{name:"switch.applely",appearance:"applely",color:"icicles",value:!0}),e(n.Switch,{name:"switch.warn",appearance:"applely",icon:e(x.ExclamationTriangle,{}),color:"warn",value:!0})]})]}),e(u.Left,{children:e(n.Color,{name:"color",onUpdateValidValue:({value:a})=>{console.log(a)},value:"#4332c3"})}),o(t,{flexNewLine:!0,children:["Input.Slider",e(n.Slider,{name:"slider",color:"battery",value:40,step:10,min:0,max:100,onUpdateValidValue:({value:a})=>{console.log(a)}})]})]})})})]})})};return e(c,{children:e(J,{size:"L",children:o(m,{gridCols:2,gap:2,children:[e(l.Basic,{}),e(l.Select,{}),e(l.Time,{}),e(l.List,{}),e(l.Segmented,{}),e(l.Variables,{})]})})})},pe=()=>{const l=(a,d)=>{let g="testModal"+d;B.open({type:a,sheetID:g,size:"S",padding:2,content:o(B.Body,{padding:1,children:[o(t,{padding:2,children:["Content ",d||0]}),e(r.Sub,{onClick:()=>{l(a,d?d+1:1)},children:"Open Nested"}),e(u.Right,{children:e(r,{onClick:()=>{B.close(g)},children:"\u9589\u3058\u308B"})})]})})};return o(c,{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>
@@ -96,4 +96,4 @@ text5`,minRows:5}),e(n.TextField,{label:"Input.TextField",name:"textfield.autoHe
   header: ReactElement | React.FC< { modalClose } >,
   body: ReactElement | React.FC< { modalClose } >,
   footer: ReactElement | React.FC< { modalClose } >
-} )`})}),o(p,{padding:2,children:[e(r.Border,{onClick:a=>{R.open({tipsID:"testTips",parent:a.currentTarget,closeAtParentBlur:!1,closeAtAroundClick:!1,closeAtEscapeKeyDown:!0,content:()=>e(B.Body,{padding:2,children:e(r,{onClick:()=>{B.open({sheetID:"testSheet",closeAtAroundClick:!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(m,{gridCols:3,gap:1,children:[e(r.Border,{onClick:()=>{l("normal.topLeft")},children:"Top Left"}),e(r.Border,{onClick:()=>{l("normal.topCenter")},children:"Top Center"}),e(r.Border,{onClick:()=>{l("normal.topRight")},children:"Top Right"}),e(r.Border,{onClick:()=>{l("normal.middleLeft")},children:"Middle Left"}),e(r.Border,{onClick:()=>{l("normal.middleCenter")},children:"Middle Center"}),e(r.Border,{onClick:()=>{l("normal.middleRight")},children:"Middle Right"}),e(r.Border,{onClick:()=>{l("normal.bottomLeft")},children:"Bottom Left"}),e(r.Border,{onClick:()=>{l("normal.bottomCenter")},children:"Bottom Center"}),e(r.Border,{onClick:()=>{l("normal.bottomRight")},children:"Bottom Right"}),e(r.Border,{onClick:()=>{l("drawer.left")},children:"Drawer Left"}),e(r.Border,{onClick:()=>{l("drawer.bottom")},children:"Drawer Bottom"}),e(r.Border,{onClick:()=>{l("drawer.right")},children:"Drawer Right"}),e(r.Border,{onClick:a=>{R.open({tipsID:"test40",parent:a.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(u.Center,{children:["Image Picker",e(I,{src:s.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},O={index:()=>e(c,{children:o(p,{gap:3,children:[e(O.Data,{}),e(O.Normal,{}),e(O.Drag,{}),e(O.Spread,{})]})}),Normal:()=>{let l=[];for(var a=0;a<10;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:d=>{console.log(d)}})]})},Drag:()=>{let l=[];for(var a=0;a<4;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];d.rowID="rowID-"+a,l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:l,ssCardBox:!0,onOrderChanged:d=>{console.log(d)}})]})},Data:()=>{let[l,a]=k(""),d=[];for(var g=0;g<100;g++){let T=Math.round(Math.random()*50+1),h=Math.round(Math.random()*50+1),_=Math.round(Math.random()*50+1),D="name_"+T,H="data_"+h,q="data_"+_,Q=[{type:"th",children:g+":"+D,data:D,orderIndex:g},{type:"td",children:H,data:H},{type:"td",children:q,data:q}];d.push(Q)}d[1].checked=!0,d[4].checked=!0,d[10].checked=!0;let S="testDataTable";return o(p,{children:[o(b,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(b,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Clear,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Clear,{padding:[0,1],color:"white",onClick:T=>{R.open({tipsID:f.uuid.gen(),parent:T.target,gravityPoint:24,closeAtAroundClick:!0,closeAtParentBlur:!1,content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(x.EllipsisV,{})})]})]}),o(u.Separate,{verticalAlign:"bottom",children:[o(u.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:S,onChange:T=>{a(T)}}),e(C.Data.Info,{tableID:S})]}),o(u.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:S,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:S})]})]}),e(C.Data,{tableID:S,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:d,pageRowLength:30,ssCardBox:!0,cellStyles:{padding:"1/2"},filter:[!0],checker:!0})]})},Spread:()=>e(c,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},pe=()=>{let[l,a]=k(""),[d,g]=k(""),[S,T]=k("");return e(c,{children:o(t,{children:[o(r,{onClick:()=>{ie.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:h=>v(void 0,null,function*(){a(yield(yield U.fromFile(h[0])).toDataURL()),g(yield(yield U.fromFile(h[1])).toDataURL()),T(yield(yield U.fromFile(h[2])).toDataURL())})})},children:[e(x.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(b,{gap:1,verticalAlign:"top",children:[l&&e(I,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),d&&e(I,{style:{maxWidth:24*12},src:d,alt:"",showExpand:!0}),S&&e(I,{style:{maxWidth:24*12},src:S,alt:"",showExpand:!0}),e(le,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:h=>{}},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"})]})]})]})})},K={Darkmode:l=>(G(()=>{B.open({sheetID:"darkModeSelector",type:"custom",parent:document.body,gravityPoint:19,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(n.Segmented.Cloud,Y(N({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:L.get().darkMode,onUpdateValidValue:({value:a})=>{let d=a;f.setLocalStrageData("prf.darkMode",d),L.update.darkMode(d)}}))})})},[]),null),ThemeColor:()=>{const l=a=>{let d="themeColorSelector";B.open({sheetID:d,type:"normal.middleCenter",size:"L",closeAtParentBlur:!1,closeAtAroundClick:!1,closeAfter:()=>{de.fn.updateCSSProperty.reset()},content:()=>{let[g,S]=k(a.defaultColor);G(()=>{f.scope(()=>{g!==L.get().themeColor&&(L.update.themeColor(g),f.setLocalStrageData("prf.themeColor",g),B.close(d))})},[g]);let T=Object.entries(Z).map(([h,_])=>{let D=h===g;return e(r.Clear,{color:"cloud",textAlign:"center",onClick:()=>{S(h)},children:o(p,{gap:"1/2",textAlign:"center",children:[D&&e(i.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:h,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:h,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:D?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(i.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:h.toCapital()})]})},h)});return e(B.Body,{children:o(p,{padding:2,gap:2,children:[o(u.Separate,{children:[e(i.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Sub,{color:"cloud",ssSphere:3,onClick:()=>{B.close(d)},children:e(x.Times,{})})]}),e(m,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:T})]})})}})};return G(()=>{f.scope(()=>v(void 0,null,function*(){B.open({sheetID:"themeColorSelector",type:"custom",parent:document.body,gravityPoint:17,closeAtParentBlur:!1,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(r.Border,{isRounded:!0,fontColor:"theme",onClick:a=>{l({defaultColor:L.get().themeColor,cb:d=>{}})},children:o(u.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",L.get().themeColor.toCapital()]})})})})}))},[]),null}};let $=()=>{console.log(f.uuid.gen());let[l,a]=k(Number(f.queryParams.get().ti)||0);return G(()=>{f.queryParams.set({ti:String(l)})},[l]),o(c,{children:[e(K.Darkmode,{}),e(K.ThemeColor,{}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(ae,{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:d=>{localStorage.setItem("designTabHeader",String(d)),a(d)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(re,{viewIndex:l,views:[e(y.index,{}),e(se.index,{}),e(W.index,{}),e(ue,{}),e(ce,{}),e(z.index,{}),e(O.index,{}),e(pe,{}),"",e(w.index,{})],wrapper:d=>e(ne.FadeIn,{animationTime:200,children:e(j,{children:e(b,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:d})})},l)})})]})]})};export{$ as DesignBook,$ as default};
+} )`})}),o(p,{padding:2,children:[e(r.Border,{onClick:a=>{R.open({tipsID:"testTips",parent:a.currentTarget,closeAtParentBlur:!1,closeAtAroundClick:!1,closeAtEscapeKeyDown:!0,content:()=>e(B.Body,{padding:2,children:e(r,{onClick:()=>{B.open({sheetID:"testSheet",closeAtAroundClick:!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(m,{gridCols:3,gap:1,children:[e(r.Border,{onClick:()=>{l("normal.topLeft")},children:"Top Left"}),e(r.Border,{onClick:()=>{l("normal.topCenter")},children:"Top Center"}),e(r.Border,{onClick:()=>{l("normal.topRight")},children:"Top Right"}),e(r.Border,{onClick:()=>{l("normal.middleLeft")},children:"Middle Left"}),e(r.Border,{onClick:()=>{l("normal.middleCenter")},children:"Middle Center"}),e(r.Border,{onClick:()=>{l("normal.middleRight")},children:"Middle Right"}),e(r.Border,{onClick:()=>{l("normal.bottomLeft")},children:"Bottom Left"}),e(r.Border,{onClick:()=>{l("normal.bottomCenter")},children:"Bottom Center"}),e(r.Border,{onClick:()=>{l("normal.bottomRight")},children:"Bottom Right"}),e(r.Border,{onClick:()=>{l("drawer.left")},children:"Drawer Left"}),e(r.Border,{onClick:()=>{l("drawer.bottom")},children:"Drawer Bottom"}),e(r.Border,{onClick:()=>{l("drawer.right")},children:"Drawer Right"}),e(r.Border,{onClick:a=>{R.open({tipsID:"test40",parent:a.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(u.Center,{children:["Image Picker",e(I,{src:s.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},O={index:()=>e(c,{children:o(p,{gap:3,children:[e(O.Data,{}),e(O.Normal,{}),e(O.Drag,{}),e(O.Spread,{})]})}),Normal:()=>{let l=[];for(var a=0;a<10;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:d=>{console.log(d)}})]})},Drag:()=>{let l=[];for(var a=0;a<4;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];d.rowID="rowID-"+a,l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:l,ssCardBox:!0,onOrderChanged:d=>{console.log(d)}})]})},Data:()=>{let[l,a]=k(""),d=[];for(var g=0;g<100;g++){let f=Math.round(Math.random()*50+1),h=Math.round(Math.random()*50+1),H=Math.round(Math.random()*50+1),D="name_"+f,q="data_"+h,Y="data_"+H,Z=[{type:"th",children:g+":"+D,data:D,orderIndex:g},{type:"td",children:q,data:q},{type:"td",children:Y,data:Y}];d.push(Z)}d[1].checked=!0,d[4].checked=!0,d[10].checked=!0;let S="testDataTable";return o(p,{children:[o(b,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(b,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Clear,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Clear,{padding:[0,1],color:"white",onClick:f=>{R.open({tipsID:U(),parent:f.target,gravityPoint:24,closeAtAroundClick:!0,closeAtParentBlur:!1,content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(x.EllipsisV,{})})]})]}),o(u.Separate,{verticalAlign:"bottom",children:[o(u.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:S,onChange:f=>{a(f)}}),e(C.Data.Info,{tableID:S})]}),o(u.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:S,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:S})]})]}),e(C.Data,{tableID:S,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:d,pageRowLength:30,ssCardBox:!0,cellStyles:{padding:"1/2"},filter:[!0],checker:!0})]})},Spread:()=>e(c,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},ge=()=>{let[l,a]=k(""),[d,g]=k(""),[S,f]=k("");return e(c,{children:o(t,{children:[o(r,{onClick:()=>{de.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:h=>v(void 0,null,function*(){a(yield(yield W.fromFile(h[0])).toDataURL()),g(yield(yield W.fromFile(h[1])).toDataURL()),f(yield(yield W.fromFile(h[2])).toDataURL())})})},children:[e(x.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(b,{gap:1,verticalAlign:"top",children:[l&&e(I,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),d&&e(I,{style:{maxWidth:24*12},src:d,alt:"",showExpand:!0}),S&&e(I,{style:{maxWidth:24*12},src:S,alt:"",showExpand:!0}),e(ae,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:h=>{}},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"})]})]})]})})},$={Darkmode:l=>(G(()=>{B.open({sheetID:"darkModeSelector",type:"custom",parent:document.body,gravityPoint:19,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(n.Segmented.Cloud,X(N({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:L.get().darkMode,onUpdateValidValue:({value:a})=>{let d=a;T.setLocalStrageData("prf.darkMode",d),L.update.darkMode(d)}}))})})},[]),null),ThemeColor:()=>{const l=a=>{let d="themeColorSelector";B.open({sheetID:d,type:"normal.middleCenter",size:"L",closeAtParentBlur:!1,closeAtAroundClick:!1,closeAfter:()=>{se.fn.updateCSSProperty.reset()},content:()=>{let[g,S]=k(a.defaultColor);G(()=>{T.scope(()=>{g!==L.get().themeColor&&(L.update.themeColor(g),T.setLocalStrageData("prf.themeColor",g),B.close(d))})},[g]);let f=Object.entries(ee).map(([h,H])=>{let D=h===g;return e(r.Clear,{color:"cloud",textAlign:"center",onClick:()=>{S(h)},children:o(p,{gap:"1/2",textAlign:"center",children:[D&&e(i.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:h,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:h,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:D?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(i.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:h.toCapital()})]})},h)});return e(B.Body,{children:o(p,{padding:2,gap:2,children:[o(u.Separate,{children:[e(i.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Sub,{color:"cloud",ssSphere:3,onClick:()=>{B.close(d)},children:e(x.Times,{})})]}),e(m,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:f})]})})}})};return G(()=>{T.scope(()=>v(void 0,null,function*(){B.open({sheetID:"themeColorSelector",type:"custom",parent:document.body,gravityPoint:17,closeAtParentBlur:!1,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(r.Border,{isRounded:!0,fontColor:"theme",onClick:a=>{l({defaultColor:L.get().themeColor,cb:d=>{}})},children:o(u.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",L.get().themeColor.toCapital()]})})})})}))},[]),null}};let Q=()=>{console.log(U());let[l,a]=k(Number(T.queryParams.get().ti)||0);return G(()=>{T.queryParams.set({ti:String(l)})},[l]),o(c,{children:[e($.Darkmode,{}),e($.ThemeColor,{}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(ne,{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:d=>{localStorage.setItem("designTabHeader",String(d)),a(d)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(le,{viewIndex:l,views:[e(y.index,{}),e(ue.index,{}),e(_.index,{}),e(ce,{}),e(pe,{}),e(z.index,{}),e(O.index,{}),e(ge,{}),"",e(w.index,{})],wrapper:d=>e(ie.FadeIn,{animationTime:200,children:e(J,{children:e(b,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:d})})},l)})})]})]})};export{Q as DesignBook,Q as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.74",
+  "version": "0.2.76",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",
@@ -89,7 +89,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mingoo/jsmin": "^0.0.58",
+    "@mingoo/jsmin": "^0.0.61",
     "react": "^18.3.1"
   },
   "devDependencies": {