amotify 0.2.80 → 0.2.81

package/dist/temps/designBook.js

@@ -1,4 +1,4 @@
-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"jmini";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
+import{b as N,c as X,e as k}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"jmini";import{useState as v,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
@@ -69,11 +69,11 @@ 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"})]})]})},_={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=>{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
+  />`}),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:()=>k(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 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}}>
+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=>k(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",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=>k(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 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.localStrage.set("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.localStrage.set("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};
+} )`})}),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]=v(""),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]=v(""),[d,g]=v(""),[S,f]=v("");return e(c,{children:o(t,{children:[o(r,{onClick:()=>{de.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:h=>k(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.localStrage.set("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]=v(a.defaultColor);G(()=>{T.scope(()=>{g!==L.get().themeColor&&(L.update.themeColor(g),T.localStrage.set("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(()=>k(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]=v(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.80",
+  "version": "0.2.81",
   "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",
-    "jmini": "^0.0.12",
+    "jmini": "^0.0.14",
     "react": "^18.3.1"
   },
   "devDependencies": {