Socket
Socket
Sign inDemoInstall

@tinacms/fields

Package Overview
Dependencies
6
Maintainers
11
Versions
191
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.10.3 to 0.11.0

build/plugins/TagsFieldPlugin.d.ts

2

build/index.js

@@ -1,1 +0,1 @@

!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("styled-components"),require("react"),require("react-dismissible"),require("react-color"),require("color-string"),require("react-dropzone"),require("@tinacms/styles"),require("@tinacms/icons"),require("@tinacms/form-builder"),require("react-beautiful-dnd"),require("@tinacms/react-forms"),require("@tinacms/react-core")):"function"==typeof define&&define.amd?define(["exports","styled-components","react","react-dismissible","react-color","color-string","react-dropzone","@tinacms/styles","@tinacms/icons","@tinacms/form-builder","react-beautiful-dnd","@tinacms/react-forms","@tinacms/react-core"],e):e((n=n||self)["@tinacms/fields"]={},n.styled,n.React,n.reactDismissible,n.reactColor,n.colorString,n.reactDropzone,n.styles,n.icons,n.formBuilder,n.reactBeautifulDnd,n.reactForms,n.reactCore)}(this,function(n,e,m,g,t,r,p,d,u,c,f,v,o){"use strict";var i="default"in e?e.default:e,h=function(){return(h=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n}).apply(this,arguments)};function b(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function l(t,r){var i,a,o,n,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return n={next:e(0),throw:e(1),return:e(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function e(e){return function(n){return function(e){if(i)throw new TypeError("Generator is already executing.");for(;l;)try{if(i=1,a&&(o=2&e[0]?a.return:e[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,e[1])).done)return o;switch(a=0,o&&(e=[2&e[0],o.value]),e[0]){case 0:case 1:o=e;break;case 4:return l.label++,{value:e[1],done:!1};case 5:l.label++,a=e[1],e=[0];continue;case 7:e=l.ops.pop(),l.trys.pop();continue;default:if(!(o=0<(o=l.trys).length&&o[o.length-1])&&(6===e[0]||2===e[0])){l=0;continue}if(3===e[0]&&(!o||e[1]>o[0]&&e[1]<o[3])){l.label=e[1];break}if(6===e[0]&&l.label<o[1]){l.label=o[1],o=e;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(e);break}o[2]&&l.ops.pop(),l.trys.pop();continue}e=r.call(t,l)}catch(n){e=[6,n],a=0}finally{i=o=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([e,n])}}}function a(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var s,x,y,w,E,k,C,z,F=e.css(x=x||a(["\n padding: var(--tina-padding-small);\n border-radius: var(--tina-radius-small);\n background: var(--tina-color-grey-0);\n font-size: var(--tina-font-size-2);\n line-height: 1.35;\n position: relative;\n background-color: var(--tina-color-grey-0);\n transition: all 85ms ease-out;\n border: 1px solid var(--tina-color-grey-2);\n width: 100%;\n margin: 0;\n outline: none;\n box-shadow: 0 0 0 2px\n ",";\n\n &:hover {\n box-shadow: 0 0 0 2px var(--tina-color-grey-3);\n }\n\n &:focus {\n box-shadow: 0 0 0 2px\n ",";\n }\n\n &::placeholder {\n font-size: var(--tina-font-size-2);\n color: var(--tina-color-grey-3);\n }\n\n ",";\n"],["\n padding: var(--tina-padding-small);\n border-radius: var(--tina-radius-small);\n background: var(--tina-color-grey-0);\n font-size: var(--tina-font-size-2);\n line-height: 1.35;\n position: relative;\n background-color: var(--tina-color-grey-0);\n transition: all 85ms ease-out;\n border: 1px solid var(--tina-color-grey-2);\n width: 100%;\n margin: 0;\n outline: none;\n box-shadow: 0 0 0 2px\n ",";\n\n &:hover {\n box-shadow: 0 0 0 2px var(--tina-color-grey-3);\n }\n\n &:focus {\n box-shadow: 0 0 0 2px\n ",";\n }\n\n &::placeholder {\n font-size: var(--tina-font-size-2);\n color: var(--tina-color-grey-3);\n }\n\n ",";\n"]),function(n){return n.error?"var(--tina-color-error)":"transparent"},function(n){return n.error?"var(--tina-color-error)":"var(--tina-color-primary)"},function(n){return n.small&&e.css(s=s||a(["\n font-size: var(--tina-font-size-1);\n padding: 8px var(--tina-padding-small);\n "],["\n font-size: var(--tina-font-size-1);\n padding: 8px var(--tina-padding-small);\n "]))}),I=i.input.withConfig({displayName:"Input",componentId:"sc-lg4wxu"})(y=y||a(["\n ","\n"],["\n ","\n"]),F),D=i.input.withConfig({displayName:"BaseTextField",componentId:"sc-179abbl"})(w=w||a(["\n ","\n"],["\n ","\n"]),F),N=i.textarea.withConfig({displayName:"TextArea",componentId:"sc-1gdbply"})(E=E||a(["\n ",";\n resize: vertical;\n height: 160px;\n"],["\n ",";\n resize: vertical;\n height: 160px;\n"]),F);(z=C=C||{}).Hex="hex",z.RGB="rgb";function P(n){if(!n)return null;var e=r.get(n);if(!e)return null;var t=e.value;return{r:t[0],g:t[1],b:t[2],a:t[3]}}function B(n){var e=n.colorFormat,t=n.userColors,r=void 0===t?J:t,i=n.widget,a=void 0===i?"sketch":i,o=n.input,l=K[a];if(!l)throw new Error("You must specify a widget type.");var s=m.useState(!1),c=s[0],d=s[1],p=(e||C.Hex).toLowerCase(),u=o.value?O[p].parse(o.value):null;return m.createElement(m.Fragment,null,m.createElement(_,{onClick:function(){return d(!c)},colorRGBA:u,colorFormat:p}),c&&m.createElement(V,null,m.createElement(g.Dismissible,{click:!0,escape:!0,disabled:!c,onDismiss:function(){return d(!1)}},m.createElement(l,{presetColors:function(){for(var n=0,e=0,t=arguments.length;e<t;e++)n+=arguments[e].length;var r=Array(n),i=0;for(e=0;e<t;e++)for(var a=arguments[e],o=0,l=a.length;o<l;o++,i++)r[i]=a[o];return r}(r,[Y]),color:u||{r:0,g:0,b:0,a:0},onChange:function(n){var e=n.hex===Y?null:h(h({},n.rgb),{a:1});o.onChange(e?O[p].getValue(e):null)},disableAlpha:!0,width:"240px"}))))}function j(n){var e=!(!n.input.value&&!n.input.checked);return m.createElement(Q,null,m.createElement($,h({id:n.name,type:"checkbox"},n.input)),m.createElement(X,{htmlFor:n.name,role:"switch",disabled:n.disabled},m.createElement(Z,{checked:e},m.createElement("span",null))))}function A(n){var e=n.input,t=n.field,r=n.options||t.options;return m.createElement(mn,null,m.createElement("select",h({id:e.name,value:e.value,onChange:e.onChange},e),r?r.map(nn).map(en):m.createElement("option",null,e.value)))}var S,G,T,L,R,H,M,q,O=((k={})[C.RGB]={getLabel:function(n){return"R"+n.r+" G"+n.g+" B"+n.b},getValue:function(n){var e=[n.r,n.g,n.b,n.a];return r.to.rgb(e)},parse:P},k[C.Hex]={getLabel:function(n){return function(n){return"#"+((1<<24)+(n.r<<16)+(n.g<<8)+n.b).toString(16).slice(1)}(n)},getValue:function(n){var e=[n.r,n.g,n.b,n.a];return r.to.hex(e)},parse:P},k),_=i(function(n){var e=n.colorRGBA,t=n.colorFormat,r=(n.unselectable,b(n,["colorRGBA","colorFormat","unselectable"]));return m.createElement("div",h({},r),m.createElement("div",{className:"swatch-inner"},e?O[t].getLabel(e):"Click to add color"))}).withConfig({displayName:"Swatch",componentId:"sc-en2mi4"})(S=S||a(["\n background: var(--tina-color-grey-2);\n border-radius: var(--tina-radius-big);\n box-shadow: var(--tina-shadow-small);\n cursor: pointer;\n width: 100%;\n margin: 0;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: var(--tina-font-size-1);\n font-weight: bold;\n\n width: 100%;\n height: 40px;\n border-radius: var(--tina-radius-big);\n box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.075);\n background: ",";\n color: ",";\n transition: all var(--tina-timing-short) ease-out;\n }\n\n &:hover {\n > div {\n opacity: 0.6;\n }\n }\n"],["\n background: var(--tina-color-grey-2);\n border-radius: var(--tina-radius-big);\n box-shadow: var(--tina-shadow-small);\n cursor: pointer;\n width: 100%;\n margin: 0;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: var(--tina-font-size-1);\n font-weight: bold;\n\n width: 100%;\n height: 40px;\n border-radius: var(--tina-radius-big);\n box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.075);\n background: ",";\n color: ",";\n transition: all var(--tina-timing-short) ease-out;\n }\n\n &:hover {\n > div {\n opacity: 0.6;\n }\n }\n"]),function(n){return n.colorRGBA?"rgba("+n.colorRGBA.r+", "+n.colorRGBA.g+", "+n.colorRGBA.b+", "+n.colorRGBA.a+")":"#fff"},function(n){return function(n){return!n||186<.299*n.r+.587*n.g+.114*n.b?"#000000":"#ffffff"}(n.colorRGBA)}),U=e.keyframes(G=G||a(["\n 0% {\n transform: translate3d(-50%, 5px, 0) scale3d(0.5,0.5,1)\n }\n 100% {\n transform: translate3d(-50%, 5px, 0) scale3d(1, 1, 1);\n }\n"],["\n 0% {\n transform: translate3d(-50%, 5px, 0) scale3d(0.5,0.5,1)\n }\n 100% {\n transform: translate3d(-50%, 5px, 0) scale3d(1, 1, 1);\n }\n"])),V=i.div.withConfig({displayName:"Popover",componentId:"sc-1hjmdgw"})(T=T||a(["\n position: absolute;\n left: 50%;\n transform: translate3d(-50%, 5px, 0) scale3d(1, 1, 1);\n transform-origin: 50% -8px;\n animation: "," 85ms ease-out both 1;\n z-index: var(--tina-z-index-2);\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n margin-top: 2px;\n transform: translate3d(-50%, -100%, 0);\n width: 16px;\n height: 13px;\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n background-color: white;\n z-index: var(--tina-z-index-1);\n }\n"],["\n position: absolute;\n left: 50%;\n transform: translate3d(-50%, 5px, 0) scale3d(1, 1, 1);\n transform-origin: 50% -8px;\n animation: "," 85ms ease-out both 1;\n z-index: var(--tina-z-index-2);\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n margin-top: 2px;\n transform: translate3d(-50%, -100%, 0);\n width: 16px;\n height: 13px;\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n background-color: white;\n z-index: var(--tina-z-index-1);\n }\n"]),U),W=i.div.withConfig({displayName:"Cover",componentId:"sc-5kmbeh"})(L=L||a(["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n z-index: var(--tina-z-index-1);\n"],["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n z-index: var(--tina-z-index-1);\n"])),Y="transparent",J=["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],K={sketch:function(n){return m.createElement(t.SketchPicker,{presetColors:n.presetColors,color:n.color,onChange:n.onChange,disableAlpha:n.disableAlpha,width:n.width})},block:function(n){return m.createElement(t.BlockPicker,{colors:n.presetColors,color:n.color,onChange:n.onChange,width:n.width})}},Q=i.div.withConfig({displayName:"ToggleElement",componentId:"sc-uojt3t"})(R=R||a(["\n display: inline-block;\n position: relative;\n width: 40px;\n height: 20px;\n margin: 0;\n"],["\n display: inline-block;\n position: relative;\n width: 40px;\n height: 20px;\n margin: 0;\n"])),X=i.label.withConfig({displayName:"ToggleLabel",componentId:"sc-3k30ey"})(H=H||a(["\n background: none;\n color: inherit;\n padding: 0;\n opacity: ",";\n outline: none;\n width: 48px;\n height: 28px;\n pointer-events: ",";\n"],["\n background: none;\n color: inherit;\n padding: 0;\n opacity: ",";\n outline: none;\n width: 48px;\n height: 28px;\n pointer-events: ",";\n"]),function(n){return n.disabled?"0.4":"1"},function(n){return n.disabled?"none":"inherit"}),Z=i.div.withConfig({displayName:"ToggleSwitch",componentId:"sc-1c99jht"})(M=M||a(["\n position: relative;\n width: 48px;\n height: 28px;\n border-radius: var(--tina-radius-big);\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n pointer-events: none;\n margin-left: -2px;\n span {\n position: absolute;\n border-radius: var(--tina-radius-big);\n left: 2px;\n top: 50%;\n width: calc(28px - 6px);\n height: calc(28px - 6px);\n background: ",";\n transform: translate3d(",", -50%, 0);\n transition: all 150ms ease-out;\n }\n"],["\n position: relative;\n width: 48px;\n height: 28px;\n border-radius: var(--tina-radius-big);\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n pointer-events: none;\n margin-left: -2px;\n span {\n position: absolute;\n border-radius: var(--tina-radius-big);\n left: 2px;\n top: 50%;\n width: calc(28px - 6px);\n height: calc(28px - 6px);\n background: ",";\n transform: translate3d(",", -50%, 0);\n transition: all 150ms ease-out;\n }\n"]),function(n){return n.checked?"var(--tina-color-primary)":"var(--tina-color-grey-3)"},function(n){return n.checked?"20px":"0"}),$=i.input.withConfig({displayName:"ToggleInput",componentId:"sc-1qup7ju"})(q=q||a(["\n position: absolute;\n left: 0;\n top: 0;\n width: 48px;\n height: 28px;\n opacity: 0;\n margin: 0;\n cursor: ",";\n"],["\n position: absolute;\n left: 0;\n top: 0;\n width: 48px;\n height: 28px;\n opacity: 0;\n margin: 0;\n cursor: ",";\n"]),function(n){return n.disabled?"not-allowed":"pointer"});function nn(n){return"object"==typeof n?n:{value:n,label:n}}function en(n){return m.createElement("option",{key:n.value,value:n.value},n.label)}function tn(n){var e=n.onChange,t=n.value,r=n.step;return m.createElement(I,{type:"number",step:r,value:t,onChange:e})}function rn(n){var e=n.onDrop,t=n.onClear,r=n.value,i=n.previewSrc,a=p.useDropzone({accept:"image/*",onDrop:e}),o=a.getRootProps,l=a.getInputProps,s=a.isDragActive,c=a.isDragAccept,d=a.isDragReject;return m.createElement(gn,h({},o({isDragActive:s,isDragAccept:c,isDragReject:d})),m.createElement("input",h({},l())),r?m.createElement(bn,null,m.createElement(vn,{src:i}),t&&m.createElement(hn,{onClick:function(n){n.stopPropagation(),t()}},m.createElement(u.TrashIcon,null))):m.createElement(fn,null,"Drag 'n' drop some files here,",m.createElement("br",null),"or click to select files"))}var an,on,ln,sn,cn,dn,pn,un,mn=i.div.withConfig({displayName:"SelectElement",componentId:"sc-exahe8"})(an=an||a(["\n display: block;\n position: relative;\n\n select {\n display: block;\n font-family: inherit;\n max-width: 100%;\n padding: var(--tina-padding-small);\n border-radius: var(--tina-radius-small);\n background: var(--tina-color-grey-0);\n font-size: var(--tina-font-size-2);\n line-height: 1.35;\n position: relative;\n background-color: var(--tina-color-grey-0);\n transition: all 85ms ease-out;\n border: 1px solid var(--tina-color-grey-2);\n width: 100%;\n margin: 0;\n appearance: none;\n outline: none;\n background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');\n background-repeat: no-repeat;\n background-position: right 0.7em top 50%;\n background-size: 0.65em auto;\n }\n"],["\n display: block;\n position: relative;\n\n select {\n display: block;\n font-family: inherit;\n max-width: 100%;\n padding: var(--tina-padding-small);\n border-radius: var(--tina-radius-small);\n background: var(--tina-color-grey-0);\n font-size: var(--tina-font-size-2);\n line-height: 1.35;\n position: relative;\n background-color: var(--tina-color-grey-0);\n transition: all 85ms ease-out;\n border: 1px solid var(--tina-color-grey-2);\n width: 100%;\n margin: 0;\n appearance: none;\n outline: none;\n background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');\n background-repeat: no-repeat;\n background-position: right 0.7em top 50%;\n background-size: 0.65em auto;\n }\n"])),gn=i.div.withConfig({displayName:"DropArea",componentId:"sc-10mgiks"})(on=on||a(["\n border-radius: var(--tina-radius-small);\n flex: 1;\n display: flex;\n flex-direction: column;\n outline: none;\n cursor: pointer;\n"],["\n border-radius: var(--tina-radius-small);\n flex: 1;\n display: flex;\n flex-direction: column;\n outline: none;\n cursor: pointer;\n"])),fn=i.div.withConfig({displayName:"ImgPlaceholder",componentId:"sc-do3q3q"})(ln=ln||a(["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n transition: all 85ms ease-out;\n &:hover {\n opacity: 0.6;\n }\n"],["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n transition: all 85ms ease-out;\n &:hover {\n opacity: 0.6;\n }\n"])),vn=i.img.withConfig({displayName:"StyledImage",componentId:"sc-6btb8n"})(dn=dn||a(["\n max-width: 100%;\n min-height: 100px;\n border-radius: var(--tina-radius-small);\n transition: opacity var(--tina-timing-short) ease-out;\n margin: 0;\n display: block;\n background-color: #e1ddec;\n background-size: auto;\n background-position: center center;\n background-repeat: no-repeat;\n ","\n"],["\n max-width: 100%;\n min-height: 100px;\n border-radius: var(--tina-radius-small);\n transition: opacity var(--tina-timing-short) ease-out;\n margin: 0;\n display: block;\n background-color: #e1ddec;\n background-size: auto;\n background-position: center center;\n background-repeat: no-repeat;\n ","\n"]),function(n){return n.src&&(n.src.includes("png")||n.src.includes("svg"))?e.css(sn=sn||a(["\n background-image: none;\n "],["\n background-image: none;\n "])):e.css(cn=cn||a(["\n background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='50px' viewBox='0 0 40 50' style='enable-background:new 0 0 40 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M16.09,24.97c-3.31,0.55-6.16-2.09-5.57-5.16c0.34-1.73,1.82-3.14,3.68-3.5c3.39-0.66,6.37,2.11,5.67,5.25 C19.48,23.28,17.96,24.66,16.09,24.97z M1.88,26.75c0-7.69,0-15.38,0-23.07C2,3.64,1.97,3.53,1.99,3.45c0.5-1.7,1.64-2.82,3.48-3.31 C5.57,0.12,5.71,0.14,5.75,0c7.31,0,14.63,0,21.94,0c0.03,0.1,0.12,0.08,0.2,0.1c0.96,0.2,1.77,0.63,2.47,1.28 c2.72,2.52,5.44,5.05,8.16,7.57c0.68,0.63,1.14,1.38,1.37,2.24c0.02,0.08-0.02,0.19,0.11,0.23c0,5.11,0,10.22,0,15.34h-4.76 c0-3.38,0-6.75,0-10.13c0-0.35-0.1-0.43-0.46-0.43c-3.21,0.01-6.42,0.01-9.63,0.01c-1.65,0-2.62-0.9-2.62-2.42 c0-2.94-0.01-5.89,0.01-8.83c0-0.46-0.14-0.54-0.6-0.53c-4.91,0.02-9.83,0.02-14.74,0c-0.44,0-0.57,0.09-0.57,0.52 c0.02,6.21,0.01,12.42,0.01,18.63c0,1.06,0,2.12,0,3.18H1.88z M27.28,11.46c0,0.31,0.14,0.34,0.41,0.34c2.25-0.01,4.5,0,6.75-0.01 c0.09,0,0.2,0.04,0.24,0c-2.46-2.28-4.92-4.56-7.39-6.85C27.29,7.1,27.3,9.28,27.28,11.46z M33.37,29.61c0,5.18-0.01,10.37,0,15.55 c0,0.35-0.1,0.43-0.46,0.43c-9.23-0.01-18.46-0.01-27.69,0c-0.44,0-0.45-0.17-0.45-0.48c0.01-5.17,0-10.33,0-15.5H0 c0,5.6,0,11.19,0,16.79c0.17,0.09,0.15,0.26,0.19,0.4c0.57,1.85,2.39,3.18,4.47,3.19c9.6,0.01,19.2,0.01,28.81,0 c2.08,0,3.89-1.33,4.47-3.19c0.04-0.14,0.02-0.31,0.19-0.4c0-5.6,0-11.19,0-16.79H33.37z M29.75,42.62c0.34,0,0.44-0.06,0.44-0.4 c-0.01-3.68-0.01-4.6-0.01-8.28c0-0.25-0.08-0.43-0.28-0.6c-0.62-0.55-1.22-1.13-1.83-1.69c-0.79-0.73-1.36-0.74-2.15-0.01 c-2.71,2.52-5.43,5.03-8.13,7.55c-0.26,0.25-0.39,0.24-0.65,0c-1.13-1.08-2.28-2.13-3.43-3.19c-0.7-0.65-1.31-0.65-2.01,0 c-1.16,1.07-2.31,2.15-3.48,3.22c-0.2,0.19-0.29,0.37-0.29,0.64c0.01,1.69,0.03,0.61,0,2.3c-0.01,0.41,0.14,0.46,0.53,0.46 c3.52-0.01,7.05-0.01,10.57-0.01C22.6,42.61,26.17,42.61,29.75,42.62z'/%3E%3C/svg%3E\");\n "],["\n background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='50px' viewBox='0 0 40 50' style='enable-background:new 0 0 40 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M16.09,24.97c-3.31,0.55-6.16-2.09-5.57-5.16c0.34-1.73,1.82-3.14,3.68-3.5c3.39-0.66,6.37,2.11,5.67,5.25 C19.48,23.28,17.96,24.66,16.09,24.97z M1.88,26.75c0-7.69,0-15.38,0-23.07C2,3.64,1.97,3.53,1.99,3.45c0.5-1.7,1.64-2.82,3.48-3.31 C5.57,0.12,5.71,0.14,5.75,0c7.31,0,14.63,0,21.94,0c0.03,0.1,0.12,0.08,0.2,0.1c0.96,0.2,1.77,0.63,2.47,1.28 c2.72,2.52,5.44,5.05,8.16,7.57c0.68,0.63,1.14,1.38,1.37,2.24c0.02,0.08-0.02,0.19,0.11,0.23c0,5.11,0,10.22,0,15.34h-4.76 c0-3.38,0-6.75,0-10.13c0-0.35-0.1-0.43-0.46-0.43c-3.21,0.01-6.42,0.01-9.63,0.01c-1.65,0-2.62-0.9-2.62-2.42 c0-2.94-0.01-5.89,0.01-8.83c0-0.46-0.14-0.54-0.6-0.53c-4.91,0.02-9.83,0.02-14.74,0c-0.44,0-0.57,0.09-0.57,0.52 c0.02,6.21,0.01,12.42,0.01,18.63c0,1.06,0,2.12,0,3.18H1.88z M27.28,11.46c0,0.31,0.14,0.34,0.41,0.34c2.25-0.01,4.5,0,6.75-0.01 c0.09,0,0.2,0.04,0.24,0c-2.46-2.28-4.92-4.56-7.39-6.85C27.29,7.1,27.3,9.28,27.28,11.46z M33.37,29.61c0,5.18-0.01,10.37,0,15.55 c0,0.35-0.1,0.43-0.46,0.43c-9.23-0.01-18.46-0.01-27.69,0c-0.44,0-0.45-0.17-0.45-0.48c0.01-5.17,0-10.33,0-15.5H0 c0,5.6,0,11.19,0,16.79c0.17,0.09,0.15,0.26,0.19,0.4c0.57,1.85,2.39,3.18,4.47,3.19c9.6,0.01,19.2,0.01,28.81,0 c2.08,0,3.89-1.33,4.47-3.19c0.04-0.14,0.02-0.31,0.19-0.4c0-5.6,0-11.19,0-16.79H33.37z M29.75,42.62c0.34,0,0.44-0.06,0.44-0.4 c-0.01-3.68-0.01-4.6-0.01-8.28c0-0.25-0.08-0.43-0.28-0.6c-0.62-0.55-1.22-1.13-1.83-1.69c-0.79-0.73-1.36-0.74-2.15-0.01 c-2.71,2.52-5.43,5.03-8.13,7.55c-0.26,0.25-0.39,0.24-0.65,0c-1.13-1.08-2.28-2.13-3.43-3.19c-0.7-0.65-1.31-0.65-2.01,0 c-1.16,1.07-2.31,2.15-3.48,3.22c-0.2,0.19-0.29,0.37-0.29,0.64c0.01,1.69,0.03,0.61,0,2.3c-0.01,0.41,0.14,0.46,0.53,0.46 c3.52-0.01,7.05-0.01,10.57-0.01C22.6,42.61,26.17,42.61,29.75,42.62z'/%3E%3C/svg%3E\");\n "]))}),hn=i(d.IconButton).withConfig({displayName:"DeleteButton",componentId:"sc-1dcbeyi"})(pn=pn||a(["\n top: 8px;\n right: 8px;\n position: absolute;\n &:not(:hover) {\n fill: var(--tina-color-grey-0);\n background-color: transparent;\n border-color: transparent;\n }\n"],["\n top: 8px;\n right: 8px;\n position: absolute;\n &:not(:hover) {\n fill: var(--tina-color-grey-0);\n background-color: transparent;\n border-color: transparent;\n }\n"])),bn=i.div.withConfig({displayName:"StyledImageContainer",componentId:"sc-10590j4"})(un=un||a(["\n background-color: var(--tina-color-grey-4);\n position: relative;\n border-radius: var(--tina-radius-small);\n overflow: hidden;\n background-color: var(--tina-color-grey-8);\n &:hover {\n "," {\n opacity: 0.6;\n }\n }\n"],["\n background-color: var(--tina-color-grey-4);\n position: relative;\n border-radius: var(--tina-radius-small);\n overflow: hidden;\n background-color: var(--tina-color-grey-8);\n &:hover {\n "," {\n opacity: 0.6;\n }\n }\n"]),vn);function xn(e){return function(n){return m.createElement(yn,{name:n.input.name,label:n.field.label,description:n.field.description,error:n.meta.error},m.createElement(e,h({},n)))}}function yn(n){var e=n.name,t=n.label,r=n.description,i=n.error,a=n.margin,o=void 0===a||a,l=n.children;return m.createElement(Fn,{margin:o},m.createElement(In,{htmlFor:e},t||e,r&&m.createElement(Dn,null,r)),l,i&&m.createElement(Nn,null,i))}var wn,En,kn,Cn,zn,Fn=i.div.withConfig({displayName:"FieldWrapper",componentId:"sc-1frw1ic"})(En=En||a(["\n position: relative;\n\n ",";\n"],["\n position: relative;\n\n ",";\n"]),function(n){return n.margin&&e.css(wn=wn||a(["\n margin-bottom: var(--tina-padding-big);\n "],["\n margin-bottom: var(--tina-padding-big);\n "]))}),In=i.label.withConfig({displayName:"FieldLabel",componentId:"sc-kpki66"})(kn=kn||a(["\n display: block;\n font-size: var(--tina-font-size-1);\n font-weight: 600;\n letter-spacing: 0.01em;\n line-height: 1.35;\n color: var(--tina-color-grey-8);\n margin-bottom: 8px;\n text-overflow: ellipsis;\n width: 100%;\n overflow: hidden;\n"],["\n display: block;\n font-size: var(--tina-font-size-1);\n font-weight: 600;\n letter-spacing: 0.01em;\n line-height: 1.35;\n color: var(--tina-color-grey-8);\n margin-bottom: 8px;\n text-overflow: ellipsis;\n width: 100%;\n overflow: hidden;\n"])),Dn=i.p.withConfig({displayName:"FieldDescription",componentId:"sc-kyuv0c"})(Cn=Cn||a(["\n color: var(--tina-color-grey-6);\n font-size: var(--tina-font-size-0);\n font-style: italic;\n font-weight: lighter;\n padding-top: 4px;\n white-space: normal;\n margin: 0;\n"],["\n color: var(--tina-color-grey-6);\n font-size: var(--tina-font-size-0);\n font-style: italic;\n font-weight: lighter;\n padding-top: 4px;\n white-space: normal;\n margin: 0;\n"])),Nn=i.span.withConfig({displayName:"FieldError",componentId:"sc-1wd9zf8"})(zn=zn||a(["\n display: block;\n color: red;\n font-size: var(--tina-font-size-1);\n margin-top: 8px;\n font-weight: 500;\n"],["\n display: block;\n color: red;\n font-size: var(--tina-font-size-1);\n margin-top: 8px;\n font-weight: 500;\n"])),Pn=xn(function(n){var e=n.tinaForm,t=n.field,r=m.useState(!1),i=r[0],a=r[1];return m.createElement(m.Fragment,null,m.createElement(jn,{onClick:function(){return a(function(n){return!n})}},t.label||t.name,m.createElement(u.RightArrowIcon,null)),m.createElement(Bn,{isExpanded:i,setExpanded:a,field:t,tinaForm:e}))}),Bn=function(n){var e=n.setExpanded,t=n.isExpanded,r=n.tinaForm,i=n.field,a=v.useFormPortal(),o=m.useMemo(function(){return i.fields.map(function(n){return h(h({},n),{name:i.name+"."+n.name})})},[i.fields,i.name]);return m.createElement(a,null,m.createElement(Tn,{isExpanded:t},m.createElement(An,{onClick:function(){return e(!1)}},m.createElement(u.LeftArrowIcon,null)," ",m.createElement("span",null,i.label||i.name)),m.createElement(Sn,null,t?m.createElement(c.FieldsBuilder,{form:r,fields:o}):null)))},jn=i.div.withConfig({displayName:"Header",componentId:"sc-gn6gb4"})(Rn=Rn||a(["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: 1px solid var(--tina-color-grey-2);\n border-radius: var(--tina-radius-small);\n margin: 0 0 24px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 12px;\n color: var(--tina-color-grey-10);\n background-color: white;\n\n svg {\n width: 24px;\n height: auto;\n fill: var(--tina-color-grey-3);\n transition: all var(--tina-timing-short) ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n color: #0084ff;\n }\n"],["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: 1px solid var(--tina-color-grey-2);\n border-radius: var(--tina-radius-small);\n margin: 0 0 24px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 12px;\n color: var(--tina-color-grey-10);\n background-color: white;\n\n svg {\n width: 24px;\n height: auto;\n fill: var(--tina-color-grey-3);\n transition: all var(--tina-timing-short) ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n color: #0084ff;\n }\n"])),An=i.div.withConfig({displayName:"PanelHeader",componentId:"sc-14yjils"})(Hn=Hn||a(["\n position: relative;\n width: 100%;\n cursor: pointer;\n background-color: white;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n padding: 6px 18px 6px 18px;\n color: inherit;\n font-size: var(--tina-font-size-3);\n transition: color var(--tina-timing-medium) ease-out;\n user-select: none;\n border-bottom: 1px solid var(--tina-color-grey-2);\n margin: 0;\n span {\n flex: 1 1 auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n svg {\n flex: 0 0 auto;\n width: 24px;\n fill: var(--tina-color-grey-3);\n height: auto;\n transform: translate3d(-4px, 0, 0);\n transition: transform var(--tina-timing-medium) ease-out;\n }\n :hover {\n color: var(--tina-color-primary);\n svg {\n fill: var(--tina-color-grey-8);\n transform: translate3d(-7px, 0, 0);\n transition: transform var(--tina-timing-medium) ease-out;\n }\n }\n"],["\n position: relative;\n width: 100%;\n cursor: pointer;\n background-color: white;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n padding: 6px 18px 6px 18px;\n color: inherit;\n font-size: var(--tina-font-size-3);\n transition: color var(--tina-timing-medium) ease-out;\n user-select: none;\n border-bottom: 1px solid var(--tina-color-grey-2);\n margin: 0;\n span {\n flex: 1 1 auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n svg {\n flex: 0 0 auto;\n width: 24px;\n fill: var(--tina-color-grey-3);\n height: auto;\n transform: translate3d(-4px, 0, 0);\n transition: transform var(--tina-timing-medium) ease-out;\n }\n :hover {\n color: var(--tina-color-primary);\n svg {\n fill: var(--tina-color-grey-8);\n transform: translate3d(-7px, 0, 0);\n transition: transform var(--tina-timing-medium) ease-out;\n }\n }\n"])),Sn=i.div.withConfig({displayName:"PanelBody",componentId:"sc-1dpiq97"})(Mn=Mn||a(["\n background: var(--tina-color-grey-1);\n position: relative;\n display: flex;\n flex: 1 1 auto;\n overflow-y: auto;\n"],["\n background: var(--tina-color-grey-1);\n position: relative;\n display: flex;\n flex: 1 1 auto;\n overflow-y: auto;\n"])),Gn=e.keyframes(qn=qn||a(["\n 0% {\n transform: translate3d( 100%, 0, 0 );\n }\n 100% {\n transform: translate3d( 0, 0, 0 );\n }\n"],["\n 0% {\n transform: translate3d( 100%, 0, 0 );\n }\n 100% {\n transform: translate3d( 0, 0, 0 );\n }\n"])),Tn=i.div.withConfig({displayName:"GroupPanel",componentId:"sc-1mqtfsb"})(Un=Un||a(["\n position: absolute;\n width: 100%;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n z-index: var(--tina-z-index-1);\n pointer-events: ",";\n\n > * {\n ",";\n\n ",";\n }\n"],["\n position: absolute;\n width: 100%;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n z-index: var(--tina-z-index-1);\n pointer-events: ",";\n\n > * {\n ",";\n\n ",";\n }\n"]),function(n){return n.isExpanded?"all":"none"},function(n){return n.isExpanded&&e.css(On=On||a(["\n animation-name: ",";\n animation-duration: 150ms;\n animation-delay: 0;\n animation-iteration-count: 1;\n animation-timing-function: ease-out;\n animation-fill-mode: backwards;\n "],["\n animation-name: ",";\n animation-duration: 150ms;\n animation-delay: 0;\n animation-iteration-count: 1;\n animation-timing-function: ease-out;\n animation-fill-mode: backwards;\n "]),Gn)},function(n){return!n.isExpanded&&e.css(_n=_n||a(["\n transition: transform 150ms ease-out;\n transform: translate3d(100%, 0, 0);\n "],["\n transition: transform 150ms ease-out;\n transform: translate3d(100%, 0, 0);\n "]))});function Ln(n){return n||""}var Rn,Hn,Mn,qn,On,_n,Un,Vn,Wn,Yn,Jn,Kn,Qn,Xn,Zn,$n,ne,ee,te,re,ie,ae,oe,le,se,ce,de,pe,ue,me,ge,fe={name:"group",Component:Pn},ve=function(){return m.createElement(ke,null,"There are no items")},he=function(n){var t=n.tinaForm,r=n.field,i=n.index,e=(n.item,n.label),a=b(n,["tinaForm","field","index","item","label"]),o=v.useFormPortal(),l=m.useState(!1),s=l[0],c=l[1],d=m.useCallback(function(){t.mutators.remove(r.name,i)},[t,r,i]),p=e||(r.label||r.name)+" Item";return m.createElement(f.Draggable,{type:r.name,draggableId:r.name+"."+i,index:i},function(n,e){return m.createElement(m.Fragment,null,m.createElement(ze,h({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps,a),m.createElement(Ie,null),m.createElement(be,{onClick:function(){return c(!0)}},m.createElement(xe,null,p)),m.createElement(Fe,{onClick:d},m.createElement(u.TrashIcon,null))),m.createElement(o,null,m.createElement(De,{isExpanded:s,setExpanded:c,field:r,index:i,tinaForm:t,itemTitle:p})))})},be=i.div.withConfig({displayName:"ItemClickTarget",componentId:"sc-f2s2jb"})(Vn=Vn||a(["\n flex: 1 1 0;\n min-width: 0;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px;\n"],["\n flex: 1 1 0;\n min-width: 0;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px;\n"])),xe=i.span.withConfig({displayName:"GroupLabel",componentId:"sc-1xm9m52"})(Yn=Yn||a(["\n margin: 0;\n font-size: var(--tina-font-size-1);\n font-weight: 600;\n letter-spacing: 0.01em;\n line-height: 1.35;\n flex: 1 1 auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--tina-color-grey-8);\n transition: all 85ms ease-out;\n text-align: left;\n\n ",";\n"],["\n margin: 0;\n font-size: var(--tina-font-size-1);\n font-weight: 600;\n letter-spacing: 0.01em;\n line-height: 1.35;\n flex: 1 1 auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--tina-color-grey-8);\n transition: all 85ms ease-out;\n text-align: left;\n\n ",";\n"]),function(n){return n.error&&e.css(Wn=Wn||a(["\n color: var(--tina-color-error) !important;\n "],["\n color: var(--tina-color-error) !important;\n "]))}),ye=i.div.withConfig({displayName:"GroupListHeader",componentId:"sc-2gg5me"})(Jn=Jn||a(["\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n "," {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n "," {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"]),Dn),we=i.div.withConfig({displayName:"GroupListMeta",componentId:"sc-cuc5w"})(Kn=Kn||a(["\n line-height: 1;\n"],["\n line-height: 1;\n"])),Ee=i.div.withConfig({displayName:"GroupListPanel",componentId:"sc-1n9pz25"})(Qn=Qn||a(["\n max-height: initial;\n position: relative;\n height: auto;\n margin-bottom: 24px;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n"],["\n max-height: initial;\n position: relative;\n height: auto;\n margin-bottom: 24px;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n"])),ke=i.div.withConfig({displayName:"EmptyList",componentId:"sc-as4ipn"})(Xn=Xn||a(["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n"],["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n"])),Ce=i.div.withConfig({displayName:"ItemList",componentId:"sc-10iwsnx"})(Zn=Zn||a([""],[""])),ze=i.div.withConfig({displayName:"ItemHeader",componentId:"sc-qm41so"})(ne=ne||a(["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n margin: 0 0 -1px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n\n "," {\n color: var(--tina-color-grey-8);\n align-self: center;\n max-width: 100%;\n }\n\n svg {\n fill: var(--tina-color-grey-3);\n width: 20px;\n height: auto;\n transition: fill 85ms ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n }\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:nth-last-child(2) {\n border-radius: 0 0 4px 4px;\n &:first-child {\n border-radius: var(--tina-radius-small);\n }\n }\n\n ",";\n"],["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n margin: 0 0 -1px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n\n "," {\n color: var(--tina-color-grey-8);\n align-self: center;\n max-width: 100%;\n }\n\n svg {\n fill: var(--tina-color-grey-3);\n width: 20px;\n height: auto;\n transition: fill 85ms ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n }\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:nth-last-child(2) {\n border-radius: 0 0 4px 4px;\n &:first-child {\n border-radius: var(--tina-radius-small);\n }\n }\n\n ",";\n"]),xe,xe,function(n){return n.isDragging&&e.css($n=$n||a(["\n border-radius: var(--tina-radius-small);\n box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12);\n\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n\n "," {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n "],["\n border-radius: var(--tina-radius-small);\n box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12);\n\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n\n "," {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n "]),xe,Ie)}),Fe=i.button.withConfig({displayName:"DeleteButton",componentId:"sc-6sbxj0"})(ee=ee||a(["\n text-align: center;\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n cursor: pointer;\n padding: 12px 8px;\n margin: 0;\n transition: all 85ms ease-out;\n svg {\n transition: all 85ms ease-out;\n }\n &:hover {\n background-color: var(--tina-color-grey-1);\n }\n"],["\n text-align: center;\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n cursor: pointer;\n padding: 12px 8px;\n margin: 0;\n transition: all 85ms ease-out;\n svg {\n transition: all 85ms ease-out;\n }\n &:hover {\n background-color: var(--tina-color-grey-1);\n }\n"])),Ie=i(function(n){var e=b(n,[]);return m.createElement("div",h({},e),m.createElement(u.DragIcon,null),m.createElement(u.ReorderIcon,null))}).withConfig({displayName:"DragHandle",componentId:"sc-m7fqse"})(te=te||a(["\n margin: 0;\n flex: 0 0 auto;\n width: 32px;\n position: relative;\n fill: inherit;\n padding: 12px 0;\n transition: all 85ms ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n cursor: grab;\n }\n svg {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 20px;\n height: 20px;\n transform: translate3d(-50%, -50%, 0);\n transition: all 85ms ease-out;\n }\n svg:last-child {\n opacity: 0;\n }\n *:hover > & {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n"],["\n margin: 0;\n flex: 0 0 auto;\n width: 32px;\n position: relative;\n fill: inherit;\n padding: 12px 0;\n transition: all 85ms ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n cursor: grab;\n }\n svg {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 20px;\n height: 20px;\n transform: translate3d(-50%, -50%, 0);\n transition: all 85ms ease-out;\n }\n svg:last-child {\n opacity: 0;\n }\n *:hover > & {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n"])),De=function(n){var e=n.setExpanded,t=n.isExpanded,r=n.tinaForm,i=n.field,a=n.index,o=n.itemTitle,l=m.useMemo(function(){return i.fields.map(function(n){return h(h({},n),{name:i.name+"."+a+"."+n.name})})},[i.fields,i.name,a]);return m.createElement(Tn,{isExpanded:t},m.createElement(An,{onClick:function(){return e(!1)}},m.createElement(u.LeftArrowIcon,null),m.createElement(xe,null,o)),m.createElement(Sn,null,t?m.createElement(c.FieldsBuilder,{form:r,fields:l}):null))},Ne={name:"group-list",Component:function(n){var t=n.tinaForm,e=n.form,r=n.field,i=n.input,a=m.useCallback(function(){var n={};n="function"==typeof r.defaultItem?r.defaultItem():r.defaultItem||{},e.mutators.insert(r.name,0,n)},[e,r]),o=i.value||[],l=m.useCallback(function(n){return r.itemProps?r.itemProps(n):{}},[r.itemProps]);return m.createElement(m.Fragment,null,m.createElement(ye,null,m.createElement(we,null,m.createElement(xe,null,r.label||r.name),r.description&&m.createElement(Dn,null,r.description)),m.createElement(d.IconButton,{onClick:a,primary:!0,small:!0},m.createElement(u.AddIcon,null))),m.createElement(Ee,null,m.createElement(Ce,null,m.createElement(f.Droppable,{droppableId:r.name,type:r.name},function(n){return m.createElement("div",{ref:n.innerRef},0===o.length&&m.createElement(ve,null),o.map(function(n,e){return m.createElement(he,h({key:e,tinaForm:t,field:r,item:n,index:e},l(n)))}),n.placeholder)}))))}},Pe=function(){return m.createElement(Ae,null,"There are no items")},Be=function(n){var t=n.label,r=n.tinaForm,i=n.field,a=n.index,o=n.template,l=n.block,s=v.useFormPortal(),e=m.useState(!1),c=e[0],d=e[1],p=m.useCallback(function(){r.mutators.remove(i.name,a)},[r,i,a]);return m.createElement(f.Draggable,{key:a,type:i.name,draggableId:i.name+"."+a,index:a},function(n,e){return m.createElement(m.Fragment,null,m.createElement(Me,h({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps),m.createElement(Oe,null),m.createElement(Le,{onClick:function(){return d(!0)}},m.createElement(xe,null,t||o.label)),m.createElement(qe,{onClick:p},m.createElement(u.TrashIcon,null))),m.createElement(s,null,m.createElement(_e,{isExpanded:c,setExpanded:d,field:i,item:l,index:a,tinaForm:r,label:t||o.label,template:o})))})},je=function(n){var e=n.tinaForm,t=n.field,r=n.index,i=m.useCallback(function(){e.mutators.remove(t.name,r)},[e,t,r]);return m.createElement(f.Draggable,{key:r,type:t.name,draggableId:t.name+"."+r,index:r},function(n,e){return m.createElement(Me,h({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps),m.createElement(Oe,null),m.createElement(Le,null,m.createElement(xe,{error:!0},"Invalid Block")),m.createElement(qe,{onClick:i},m.createElement(u.TrashIcon,null)))})},Ae=i.div.withConfig({displayName:"EmptyList",componentId:"sc-1r10bac"})(re=re||a(["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n"],["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n"])),Se=i.div.withConfig({displayName:"BlockMenu",componentId:"sc-6b98k6"})(ae=ae||a(["\n min-width: 192px;\n border-radius: var(--tina-radius-big);\n border: 1px solid #efefef;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);\n opacity: 0;\n pointer-events: none;\n transition: all 150ms ease-out;\n transform-origin: 100% 0;\n box-shadow: var(--tina-shadow-big);\n background-color: white;\n overflow: hidden;\n z-index: var(--tina-z-index-1);\n ",";\n"],["\n min-width: 192px;\n border-radius: var(--tina-radius-big);\n border: 1px solid #efefef;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);\n opacity: 0;\n pointer-events: none;\n transition: all 150ms ease-out;\n transform-origin: 100% 0;\n box-shadow: var(--tina-shadow-big);\n background-color: white;\n overflow: hidden;\n z-index: var(--tina-z-index-1);\n ",";\n"]),function(n){return n.open&&e.css(ie=ie||a(["\n opacity: 1;\n pointer-events: all;\n transform: translate3d(0, 36px, 0) scale3d(1, 1, 1);\n "],["\n opacity: 1;\n pointer-events: all;\n transform: translate3d(0, 36px, 0) scale3d(1, 1, 1);\n "]))}),Ge=i.div.withConfig({displayName:"BlockMenuList",componentId:"sc-1nyy6e7"})(oe=oe||a(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])),Te=i.button.withConfig({displayName:"BlockOption",componentId:"sc-4izele"})(le=le||a(["\n position: relative;\n text-align: center;\n font-size: var(--tina-font-size-0);\n padding: var(--tina-padding-small);\n font-weight: 500;\n width: 100%;\n background: none;\n cursor: pointer;\n outline: none;\n border: 0;\n transition: all 85ms ease-out;\n &:hover {\n color: var(--tina-color-primary);\n background-color: var(--tina-color-grey-1);\n }\n &:not(:last-child) {\n border-bottom: 1px solid #efefef;\n }\n"],["\n position: relative;\n text-align: center;\n font-size: var(--tina-font-size-0);\n padding: var(--tina-padding-small);\n font-weight: 500;\n width: 100%;\n background: none;\n cursor: pointer;\n outline: none;\n border: 0;\n transition: all 85ms ease-out;\n &:hover {\n color: var(--tina-color-primary);\n background-color: var(--tina-color-grey-1);\n }\n &:not(:last-child) {\n border-bottom: 1px solid #efefef;\n }\n"])),Le=i.div.withConfig({displayName:"ItemClickTarget",componentId:"sc-1hyr910"})(se=se||a(["\n flex: 1 1 0;\n min-width: 0;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px;\n"],["\n flex: 1 1 0;\n min-width: 0;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px;\n"])),Re=i.div.withConfig({displayName:"GroupListPanel",componentId:"sc-1k84d3v"})(ce=ce||a(["\n max-height: initial;\n position: relative;\n height: auto;\n margin-bottom: 24px;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n"],["\n max-height: initial;\n position: relative;\n height: auto;\n margin-bottom: 24px;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n"])),He=i.div.withConfig({displayName:"ItemList",componentId:"sc-1hwbkec"})(de=de||a([""],[""])),Me=i.div.withConfig({displayName:"ItemHeader",componentId:"sc-15jdhoa"})(ue=ue||a(["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n margin: 0 0 -1px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n\n "," {\n color: var(--tina-color-grey-10);\n align-self: center;\n max-width: 100%;\n }\n\n svg {\n fill: var(--tina-color-grey-3);\n width: 20px;\n height: auto;\n transition: fill 85ms ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n }\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:nth-last-child(2) {\n border-radius: 0 0 4px 4px;\n &:first-child {\n border-radius: var(--tina-radius-small);\n }\n }\n\n ",";\n"],["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n margin: 0 0 -1px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n\n "," {\n color: var(--tina-color-grey-10);\n align-self: center;\n max-width: 100%;\n }\n\n svg {\n fill: var(--tina-color-grey-3);\n width: 20px;\n height: auto;\n transition: fill 85ms ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n }\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:nth-last-child(2) {\n border-radius: 0 0 4px 4px;\n &:first-child {\n border-radius: var(--tina-radius-small);\n }\n }\n\n ",";\n"]),xe,xe,function(n){return n.isDragging&&e.css(pe=pe||a(["\n border-radius: var(--tina-radius-small);\n box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12);\n\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n\n "," {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n "],["\n border-radius: var(--tina-radius-small);\n box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12);\n\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n\n "," {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n "]),xe,Oe)}),qe=i.button.withConfig({displayName:"DeleteButton",componentId:"sc-xg3nc8"})(me=me||a(["\n text-align: center;\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n cursor: pointer;\n padding: 12px 8px;\n margin: 0;\n transition: all var(--tina-timing-short) ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n }\n"],["\n text-align: center;\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n cursor: pointer;\n padding: 12px 8px;\n margin: 0;\n transition: all var(--tina-timing-short) ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n }\n"])),Oe=i(function(n){var e=b(n,[]);return m.createElement("div",h({},e),m.createElement(u.DragIcon,null),m.createElement(u.ReorderIcon,null))}).withConfig({displayName:"DragHandle",componentId:"sc-1nik2oj"})(ge=ge||a(["\n margin: 0;\n flex: 0 0 auto;\n width: 32px;\n position: relative;\n fill: inherit;\n padding: 12px 0;\n transition: all 85ms ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n cursor: grab;\n }\n svg {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 20px;\n height: 20px;\n transform: translate3d(-50%, -50%, 0);\n transition: all var(--tina-timing-short) ease-out;\n }\n svg:last-child {\n opacity: 0;\n }\n *:hover > & {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n"],["\n margin: 0;\n flex: 0 0 auto;\n width: 32px;\n position: relative;\n fill: inherit;\n padding: 12px 0;\n transition: all 85ms ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n cursor: grab;\n }\n svg {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 20px;\n height: 20px;\n transform: translate3d(-50%, -50%, 0);\n transition: all var(--tina-timing-short) ease-out;\n }\n svg:last-child {\n opacity: 0;\n }\n *:hover > & {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n"])),_e=function(n){var e=n.setExpanded,t=n.isExpanded,r=n.tinaForm,i=n.field,a=n.index,o=n.label,l=n.template,s=m.useMemo(function(){return l.fields.map(function(n){return h(h({},n),{name:i.name+"."+a+"."+n.name})})},[i.name,a,l.fields]);return m.createElement(Tn,{isExpanded:t},m.createElement(An,{onClick:function(){return e(!1)}},m.createElement(u.LeftArrowIcon,null),m.createElement(xe,null,o)),m.createElement(Sn,null,t?m.createElement(c.FieldsBuilder,{form:r,fields:s}):null))},Ue={name:"blocks",Component:function(n){var i=n.tinaForm,r=n.form,a=n.field,e=n.input,o=m.useCallback(function(n,e){var t={};(t="function"==typeof e.defaultItem?e.defaultItem():e.defaultItem||{})._template=n,r.mutators.insert(a.name,0,t)},[a.name,r.mutators]),t=e.value||[],l=m.useState(!1),s=l[0],c=l[1];return m.createElement(m.Fragment,null,m.createElement(ye,null,m.createElement(we,null,m.createElement(xe,null,a.label||a.name),a.description&&m.createElement(Dn,null,a.description)),m.createElement(d.IconButton,{onClick:function(){return c(!0)},open:s,primary:!0,small:!0},m.createElement(u.AddIcon,null)),m.createElement(Se,{open:s},m.createElement(g.Dismissible,{click:!0,escape:!0,onDismiss:function(){return c(!1)},disabled:!s},m.createElement(Ge,null,Object.entries(a.templates).map(function(n){var e=n[0],t=n[1];return m.createElement(Te,{key:e,onClick:function(){o(e,t),c(!1)}},t.label)}))))),m.createElement(Re,null,m.createElement(He,null,m.createElement(f.Droppable,{droppableId:a.name,type:a.name},function(n){return m.createElement("div",{ref:n.innerRef,className:"edit-page--list-parent"},0===t.length&&m.createElement(Pe,null),t.map(function(n,e){var t=a.templates[n._template];if(!t)return m.createElement(je,{key:e,index:e,field:a,tinaForm:i});var r;return m.createElement(Be,h({key:e,block:n,template:t,index:e,field:a,tinaForm:i},(r=n,t.itemProps?t.itemProps(r):{})))}),n.placeholder)}))))}},Ve=xn(function(n){var e=n.input,t=n.field;return m.createElement(B,{colorFormat:t.colorFormat,userColors:t.colors,widget:t.widget,input:e})}),We={name:"color",Component:Ve,parse:Ln},Ye=xn(function(i){var a=o.useCMS();return m.createElement(rn,{value:i.input.value,previewSrc:i.field.previewSrc(i.form.getState().values,i),onDrop:function(n){var r=n[0];return function(a,o,l,s){return new(l=l||Promise)(function(n,e){function t(n){try{i(s.next(n))}catch(n){e(n)}}function r(n){try{i(s.throw(n))}catch(n){e(n)}}function i(e){e.done?n(e.value):new l(function(n){n(e.value)}).then(t,r)}i((s=s.apply(a,o||[])).next())})}(void 0,void 0,void 0,function(){var e,t;return l(this,function(n){switch(n.label){case 0:return e=i.field.uploadDir(i.form.getState().values),[4,a.media.store.persist([{directory:e,file:r}])];case 1:return(t=n.sent()[0])&&i.input.onChange(t.filename),[2]}})})},onClear:!1===i.field.clearable?void 0:function(){i.input.onChange("")}})}),Je={name:"image",Component:Ye,parse:Ln},Ke=xn(function(n){var e=n.input,t=n.field;return m.createElement(tn,h({},e,{step:t.step}))}),Qe={name:"number",Component:Ke,parse:function(n){return n&&+n}},Xe=xn(A),Ze={name:"select",type:"select",Component:Xe,parse:Ln},$e=xn(function(n){var e=n.input;return m.createElement(N,h({},e))}),nt={name:"textarea",Component:$e,parse:Ln},et=xn(function(n){var e=n.input,t=n.field;return m.createElement(D,h({},e,{placeholder:t.placeholder}))}),tt={name:"text",Component:et,validate:function(n,e,t,r){if(r.required&&!n)return"Required"},parse:Ln},rt=xn(j),it={name:"toggle",type:"checkbox",Component:rt};n.BaseTextField=D,n.BlocksFieldPlugin=Ue,n.ColorField=Ve,n.ColorFieldPlugin=We,n.ColorPicker=B,n.Cover=W,n.FieldDescription=Dn,n.FieldMeta=yn,n.Group=Pn,n.GroupField=function(n){return m.createElement("div",null,"Subfield: ",n.field.label||n.field.name)},n.GroupFieldPlugin=fe,n.GroupLabel=xe,n.GroupListFieldPlugin=Ne,n.GroupListHeader=ye,n.GroupListMeta=we,n.GroupPanel=Tn,n.ImageField=Ye,n.ImageFieldPlugin=Je,n.ImageUpload=rn,n.Input=I,n.InputCss=F,n.NumberField=Ke,n.NumberFieldPlugin=Qe,n.NumberInput=tn,n.PanelBody=Sn,n.PanelHeader=An,n.Popover=V,n.Select=A,n.SelectField=Xe,n.SelectFieldPlugin=Ze,n.Swatch=_,n.TextArea=N,n.TextField=et,n.TextFieldPlugin=tt,n.TextareaField=$e,n.TextareaFieldPlugin=nt,n.Toggle=j,n.ToggleField=rt,n.ToggleFieldPlugin=it,n.wrapFieldsWithMeta=xn,Object.defineProperty(n,"__esModule",{value:!0})});
!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("styled-components"),require("react"),require("react-dismissible"),require("react-color"),require("color-string"),require("react-dropzone"),require("@tinacms/styles"),require("@tinacms/icons"),require("@tinacms/form-builder"),require("react-beautiful-dnd"),require("@tinacms/react-forms"),require("@tinacms/react-core")):"function"==typeof define&&define.amd?define(["exports","styled-components","react","react-dismissible","react-color","color-string","react-dropzone","@tinacms/styles","@tinacms/icons","@tinacms/form-builder","react-beautiful-dnd","@tinacms/react-forms","@tinacms/react-core"],e):e((n=n||self)["@tinacms/fields"]={},n.styled,n.React,n.reactDismissible,n.reactColor,n.colorString,n.reactDropzone,n.styles,n.icons,n.formBuilder,n.reactBeautifulDnd,n.reactForms,n.reactCore)}(this,function(n,e,m,g,t,r,p,d,u,c,f,v,o){"use strict";var a="default"in e?e.default:e,h=function(){return(h=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}).apply(this,arguments)};function x(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(n);a<r.length;a++)e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(n,r[a])&&(t[r[a]]=n[r[a]])}return t}function l(t,r){var a,i,o,n,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return n={next:e(0),throw:e(1),return:e(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function e(e){return function(n){return function(e){if(a)throw new TypeError("Generator is already executing.");for(;l;)try{if(a=1,i&&(o=2&e[0]?i.return:e[0]?i.throw||((o=i.return)&&o.call(i),0):i.next)&&!(o=o.call(i,e[1])).done)return o;switch(i=0,o&&(e=[2&e[0],o.value]),e[0]){case 0:case 1:o=e;break;case 4:return l.label++,{value:e[1],done:!1};case 5:l.label++,i=e[1],e=[0];continue;case 7:e=l.ops.pop(),l.trys.pop();continue;default:if(!(o=0<(o=l.trys).length&&o[o.length-1])&&(6===e[0]||2===e[0])){l=0;continue}if(3===e[0]&&(!o||e[1]>o[0]&&e[1]<o[3])){l.label=e[1];break}if(6===e[0]&&l.label<o[1]){l.label=o[1],o=e;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(e);break}o[2]&&l.ops.pop(),l.trys.pop();continue}e=r.call(t,l)}catch(n){e=[6,n],i=0}finally{a=o=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([e,n])}}}function i(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var s,b,y,w,k,E,C,z,F=e.css(b=b||i(["\n padding: var(--tina-padding-small);\n border-radius: var(--tina-radius-small);\n background: var(--tina-color-grey-0);\n font-size: var(--tina-font-size-2);\n line-height: 1.35;\n position: relative;\n background-color: var(--tina-color-grey-0);\n transition: all 85ms ease-out;\n border: 1px solid var(--tina-color-grey-2);\n width: 100%;\n margin: 0;\n outline: none;\n box-shadow: 0 0 0 2px\n ",";\n\n &:hover {\n box-shadow: 0 0 0 2px var(--tina-color-grey-3);\n }\n\n &:focus {\n box-shadow: 0 0 0 2px\n ",";\n }\n\n &::placeholder {\n font-size: var(--tina-font-size-2);\n color: var(--tina-color-grey-3);\n }\n\n ",";\n"],["\n padding: var(--tina-padding-small);\n border-radius: var(--tina-radius-small);\n background: var(--tina-color-grey-0);\n font-size: var(--tina-font-size-2);\n line-height: 1.35;\n position: relative;\n background-color: var(--tina-color-grey-0);\n transition: all 85ms ease-out;\n border: 1px solid var(--tina-color-grey-2);\n width: 100%;\n margin: 0;\n outline: none;\n box-shadow: 0 0 0 2px\n ",";\n\n &:hover {\n box-shadow: 0 0 0 2px var(--tina-color-grey-3);\n }\n\n &:focus {\n box-shadow: 0 0 0 2px\n ",";\n }\n\n &::placeholder {\n font-size: var(--tina-font-size-2);\n color: var(--tina-color-grey-3);\n }\n\n ",";\n"]),function(n){return n.error?"var(--tina-color-error)":"transparent"},function(n){return n.error?"var(--tina-color-error)":"var(--tina-color-primary)"},function(n){return n.small&&e.css(s=s||i(["\n font-size: var(--tina-font-size-1);\n padding: 8px var(--tina-padding-small);\n "],["\n font-size: var(--tina-font-size-1);\n padding: 8px var(--tina-padding-small);\n "]))}),I=a.input.withConfig({displayName:"Input",componentId:"sc-lg4wxu"})(y=y||i(["\n ","\n"],["\n ","\n"]),F),D=a.input.withConfig({displayName:"BaseTextField",componentId:"sc-179abbl"})(w=w||i(["\n ","\n"],["\n ","\n"]),F),N=a.textarea.withConfig({displayName:"TextArea",componentId:"sc-1gdbply"})(k=k||i(["\n ",";\n resize: vertical;\n height: 160px;\n"],["\n ",";\n resize: vertical;\n height: 160px;\n"]),F);(z=C=C||{}).Hex="hex",z.RGB="rgb";function P(n){if(!n)return null;var e=r.get(n);if(!e)return null;var t=e.value;return{r:t[0],g:t[1],b:t[2],a:t[3]}}function B(n){var e=n.colorFormat,t=n.userColors,r=void 0===t?Y:t,a=n.widget,i=void 0===a?"sketch":a,o=n.input,l=J[i];if(!l)throw new Error("You must specify a widget type.");var s=m.useState(!1),c=s[0],d=s[1],p=(e||C.Hex).toLowerCase(),u=o.value?O[p].parse(o.value):null;return m.createElement(m.Fragment,null,m.createElement(_,{onClick:function(){return d(!c)},colorRGBA:u,colorFormat:p}),c&&m.createElement(V,null,m.createElement(g.Dismissible,{click:!0,escape:!0,disabled:!c,onDismiss:function(){return d(!1)}},m.createElement(l,{presetColors:function(){for(var n=0,e=0,t=arguments.length;e<t;e++)n+=arguments[e].length;var r=Array(n),a=0;for(e=0;e<t;e++)for(var i=arguments[e],o=0,l=i.length;o<l;o++,a++)r[a]=i[o];return r}(r,[K]),color:u||{r:0,g:0,b:0,a:0},onChange:function(n){var e=n.hex===K?null:h(h({},n.rgb),{a:1});o.onChange(e?O[p].getValue(e):null)},disableAlpha:!0,width:"240px"}))))}function j(n){var e=!(!n.input.value&&!n.input.checked);return m.createElement(Q,null,m.createElement($,h({id:n.name,type:"checkbox"},n.input)),m.createElement(X,{htmlFor:n.name,role:"switch",disabled:n.disabled},m.createElement(Z,{checked:e},m.createElement("span",null))))}function A(n){var e=n.input,t=n.field,r=n.options||t.options;return m.createElement(mn,null,m.createElement("select",h({id:e.name,value:e.value,onChange:e.onChange},e),r?r.map(nn).map(en):m.createElement("option",null,e.value)))}var S,T,G,L,R,H,M,q,O=((E={})[C.RGB]={getLabel:function(n){return"R"+n.r+" G"+n.g+" B"+n.b},getValue:function(n){var e=[n.r,n.g,n.b,n.a];return r.to.rgb(e)},parse:P},E[C.Hex]={getLabel:function(n){return function(n){return"#"+((1<<24)+(n.r<<16)+(n.g<<8)+n.b).toString(16).slice(1)}(n)},getValue:function(n){var e=[n.r,n.g,n.b,n.a];return r.to.hex(e)},parse:P},E),_=a(function(n){var e=n.colorRGBA,t=n.colorFormat,r=(n.unselectable,x(n,["colorRGBA","colorFormat","unselectable"]));return m.createElement("div",h({},r),m.createElement("div",{className:"swatch-inner"},e?O[t].getLabel(e):"Click to add color"))}).withConfig({displayName:"Swatch",componentId:"sc-en2mi4"})(S=S||i(["\n background: var(--tina-color-grey-2);\n border-radius: var(--tina-radius-big);\n box-shadow: var(--tina-shadow-small);\n cursor: pointer;\n width: 100%;\n margin: 0;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: var(--tina-font-size-1);\n font-weight: bold;\n\n width: 100%;\n height: 40px;\n border-radius: var(--tina-radius-big);\n box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.075);\n background: ",";\n color: ",";\n transition: all var(--tina-timing-short) ease-out;\n }\n\n &:hover {\n > div {\n opacity: 0.6;\n }\n }\n"],["\n background: var(--tina-color-grey-2);\n border-radius: var(--tina-radius-big);\n box-shadow: var(--tina-shadow-small);\n cursor: pointer;\n width: 100%;\n margin: 0;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: var(--tina-font-size-1);\n font-weight: bold;\n\n width: 100%;\n height: 40px;\n border-radius: var(--tina-radius-big);\n box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.075);\n background: ",";\n color: ",";\n transition: all var(--tina-timing-short) ease-out;\n }\n\n &:hover {\n > div {\n opacity: 0.6;\n }\n }\n"]),function(n){return n.colorRGBA?"rgba("+n.colorRGBA.r+", "+n.colorRGBA.g+", "+n.colorRGBA.b+", "+n.colorRGBA.a+")":"#fff"},function(n){return function(n){return!n||186<.299*n.r+.587*n.g+.114*n.b?"#000000":"#ffffff"}(n.colorRGBA)}),U=e.keyframes(T=T||i(["\n 0% {\n transform: translate3d(-50%, 5px, 0) scale3d(0.5,0.5,1)\n }\n 100% {\n transform: translate3d(-50%, 5px, 0) scale3d(1, 1, 1);\n }\n"],["\n 0% {\n transform: translate3d(-50%, 5px, 0) scale3d(0.5,0.5,1)\n }\n 100% {\n transform: translate3d(-50%, 5px, 0) scale3d(1, 1, 1);\n }\n"])),V=a.div.withConfig({displayName:"Popover",componentId:"sc-1hjmdgw"})(G=G||i(["\n position: absolute;\n left: 50%;\n transform: translate3d(-50%, 5px, 0) scale3d(1, 1, 1);\n transform-origin: 50% -8px;\n animation: "," 85ms ease-out both 1;\n z-index: var(--tina-z-index-2);\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n margin-top: 2px;\n transform: translate3d(-50%, -100%, 0);\n width: 16px;\n height: 13px;\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n background-color: white;\n z-index: var(--tina-z-index-1);\n }\n"],["\n position: absolute;\n left: 50%;\n transform: translate3d(-50%, 5px, 0) scale3d(1, 1, 1);\n transform-origin: 50% -8px;\n animation: "," 85ms ease-out both 1;\n z-index: var(--tina-z-index-2);\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n margin-top: 2px;\n transform: translate3d(-50%, -100%, 0);\n width: 16px;\n height: 13px;\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n background-color: white;\n z-index: var(--tina-z-index-1);\n }\n"]),U),W=a.div.withConfig({displayName:"Cover",componentId:"sc-5kmbeh"})(L=L||i(["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n z-index: var(--tina-z-index-1);\n"],["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n z-index: var(--tina-z-index-1);\n"])),K="transparent",Y=["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],J={sketch:function(n){return m.createElement(t.SketchPicker,{presetColors:n.presetColors,color:n.color,onChange:n.onChange,disableAlpha:n.disableAlpha,width:n.width})},block:function(n){return m.createElement(t.BlockPicker,{colors:n.presetColors,color:n.color,onChange:n.onChange,width:n.width})}},Q=a.div.withConfig({displayName:"ToggleElement",componentId:"sc-uojt3t"})(R=R||i(["\n display: inline-block;\n position: relative;\n width: 40px;\n height: 20px;\n margin: 0;\n"],["\n display: inline-block;\n position: relative;\n width: 40px;\n height: 20px;\n margin: 0;\n"])),X=a.label.withConfig({displayName:"ToggleLabel",componentId:"sc-3k30ey"})(H=H||i(["\n background: none;\n color: inherit;\n padding: 0;\n opacity: ",";\n outline: none;\n width: 48px;\n height: 28px;\n pointer-events: ",";\n"],["\n background: none;\n color: inherit;\n padding: 0;\n opacity: ",";\n outline: none;\n width: 48px;\n height: 28px;\n pointer-events: ",";\n"]),function(n){return n.disabled?"0.4":"1"},function(n){return n.disabled?"none":"inherit"}),Z=a.div.withConfig({displayName:"ToggleSwitch",componentId:"sc-1c99jht"})(M=M||i(["\n position: relative;\n width: 48px;\n height: 28px;\n border-radius: var(--tina-radius-big);\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n pointer-events: none;\n margin-left: -2px;\n span {\n position: absolute;\n border-radius: var(--tina-radius-big);\n left: 2px;\n top: 50%;\n width: calc(28px - 6px);\n height: calc(28px - 6px);\n background: ",";\n transform: translate3d(",", -50%, 0);\n transition: all 150ms ease-out;\n }\n"],["\n position: relative;\n width: 48px;\n height: 28px;\n border-radius: var(--tina-radius-big);\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n pointer-events: none;\n margin-left: -2px;\n span {\n position: absolute;\n border-radius: var(--tina-radius-big);\n left: 2px;\n top: 50%;\n width: calc(28px - 6px);\n height: calc(28px - 6px);\n background: ",";\n transform: translate3d(",", -50%, 0);\n transition: all 150ms ease-out;\n }\n"]),function(n){return n.checked?"var(--tina-color-primary)":"var(--tina-color-grey-3)"},function(n){return n.checked?"20px":"0"}),$=a.input.withConfig({displayName:"ToggleInput",componentId:"sc-1qup7ju"})(q=q||i(["\n position: absolute;\n left: 0;\n top: 0;\n width: 48px;\n height: 28px;\n opacity: 0;\n margin: 0;\n cursor: ",";\n"],["\n position: absolute;\n left: 0;\n top: 0;\n width: 48px;\n height: 28px;\n opacity: 0;\n margin: 0;\n cursor: ",";\n"]),function(n){return n.disabled?"not-allowed":"pointer"});function nn(n){return"object"==typeof n?n:{value:n,label:n}}function en(n){return m.createElement("option",{key:n.value,value:n.value},n.label)}function tn(n){var e=n.onChange,t=n.value,r=n.step;return m.createElement(I,{type:"number",step:r,value:t,onChange:e})}function rn(n){var e=n.onDrop,t=n.onClear,r=n.value,a=n.previewSrc,i=p.useDropzone({accept:"image/*",onDrop:e}),o=i.getRootProps,l=i.getInputProps,s=i.isDragActive,c=i.isDragAccept,d=i.isDragReject;return m.createElement(gn,h({},o({isDragActive:s,isDragAccept:c,isDragReject:d})),m.createElement("input",h({},l())),r?m.createElement(xn,null,m.createElement(vn,{src:a}),t&&m.createElement(hn,{onClick:function(n){n.stopPropagation(),t()}},m.createElement(u.TrashIcon,null))):m.createElement(fn,null,"Drag 'n' drop some files here,",m.createElement("br",null),"or click to select files"))}var an,on,ln,sn,cn,dn,pn,un,mn=a.div.withConfig({displayName:"SelectElement",componentId:"sc-exahe8"})(an=an||i(["\n display: block;\n position: relative;\n\n select {\n display: block;\n font-family: inherit;\n max-width: 100%;\n padding: var(--tina-padding-small);\n border-radius: var(--tina-radius-small);\n background: var(--tina-color-grey-0);\n font-size: var(--tina-font-size-2);\n line-height: 1.35;\n position: relative;\n background-color: var(--tina-color-grey-0);\n transition: all 85ms ease-out;\n border: 1px solid var(--tina-color-grey-2);\n width: 100%;\n margin: 0;\n appearance: none;\n outline: none;\n background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');\n background-repeat: no-repeat;\n background-position: right 0.7em top 50%;\n background-size: 0.65em auto;\n }\n"],["\n display: block;\n position: relative;\n\n select {\n display: block;\n font-family: inherit;\n max-width: 100%;\n padding: var(--tina-padding-small);\n border-radius: var(--tina-radius-small);\n background: var(--tina-color-grey-0);\n font-size: var(--tina-font-size-2);\n line-height: 1.35;\n position: relative;\n background-color: var(--tina-color-grey-0);\n transition: all 85ms ease-out;\n border: 1px solid var(--tina-color-grey-2);\n width: 100%;\n margin: 0;\n appearance: none;\n outline: none;\n background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');\n background-repeat: no-repeat;\n background-position: right 0.7em top 50%;\n background-size: 0.65em auto;\n }\n"])),gn=a.div.withConfig({displayName:"DropArea",componentId:"sc-10mgiks"})(on=on||i(["\n border-radius: var(--tina-radius-small);\n flex: 1;\n display: flex;\n flex-direction: column;\n outline: none;\n cursor: pointer;\n"],["\n border-radius: var(--tina-radius-small);\n flex: 1;\n display: flex;\n flex-direction: column;\n outline: none;\n cursor: pointer;\n"])),fn=a.div.withConfig({displayName:"ImgPlaceholder",componentId:"sc-do3q3q"})(ln=ln||i(["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n transition: all 85ms ease-out;\n &:hover {\n opacity: 0.6;\n }\n"],["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n transition: all 85ms ease-out;\n &:hover {\n opacity: 0.6;\n }\n"])),vn=a.img.withConfig({displayName:"StyledImage",componentId:"sc-6btb8n"})(dn=dn||i(["\n max-width: 100%;\n min-height: 100px;\n border-radius: var(--tina-radius-small);\n transition: opacity var(--tina-timing-short) ease-out;\n margin: 0;\n display: block;\n background-color: #e1ddec;\n background-size: auto;\n background-position: center center;\n background-repeat: no-repeat;\n ","\n"],["\n max-width: 100%;\n min-height: 100px;\n border-radius: var(--tina-radius-small);\n transition: opacity var(--tina-timing-short) ease-out;\n margin: 0;\n display: block;\n background-color: #e1ddec;\n background-size: auto;\n background-position: center center;\n background-repeat: no-repeat;\n ","\n"]),function(n){return n.src&&(n.src.includes("png")||n.src.includes("svg"))?e.css(sn=sn||i(["\n background-image: none;\n "],["\n background-image: none;\n "])):e.css(cn=cn||i(["\n background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='50px' viewBox='0 0 40 50' style='enable-background:new 0 0 40 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M16.09,24.97c-3.31,0.55-6.16-2.09-5.57-5.16c0.34-1.73,1.82-3.14,3.68-3.5c3.39-0.66,6.37,2.11,5.67,5.25 C19.48,23.28,17.96,24.66,16.09,24.97z M1.88,26.75c0-7.69,0-15.38,0-23.07C2,3.64,1.97,3.53,1.99,3.45c0.5-1.7,1.64-2.82,3.48-3.31 C5.57,0.12,5.71,0.14,5.75,0c7.31,0,14.63,0,21.94,0c0.03,0.1,0.12,0.08,0.2,0.1c0.96,0.2,1.77,0.63,2.47,1.28 c2.72,2.52,5.44,5.05,8.16,7.57c0.68,0.63,1.14,1.38,1.37,2.24c0.02,0.08-0.02,0.19,0.11,0.23c0,5.11,0,10.22,0,15.34h-4.76 c0-3.38,0-6.75,0-10.13c0-0.35-0.1-0.43-0.46-0.43c-3.21,0.01-6.42,0.01-9.63,0.01c-1.65,0-2.62-0.9-2.62-2.42 c0-2.94-0.01-5.89,0.01-8.83c0-0.46-0.14-0.54-0.6-0.53c-4.91,0.02-9.83,0.02-14.74,0c-0.44,0-0.57,0.09-0.57,0.52 c0.02,6.21,0.01,12.42,0.01,18.63c0,1.06,0,2.12,0,3.18H1.88z M27.28,11.46c0,0.31,0.14,0.34,0.41,0.34c2.25-0.01,4.5,0,6.75-0.01 c0.09,0,0.2,0.04,0.24,0c-2.46-2.28-4.92-4.56-7.39-6.85C27.29,7.1,27.3,9.28,27.28,11.46z M33.37,29.61c0,5.18-0.01,10.37,0,15.55 c0,0.35-0.1,0.43-0.46,0.43c-9.23-0.01-18.46-0.01-27.69,0c-0.44,0-0.45-0.17-0.45-0.48c0.01-5.17,0-10.33,0-15.5H0 c0,5.6,0,11.19,0,16.79c0.17,0.09,0.15,0.26,0.19,0.4c0.57,1.85,2.39,3.18,4.47,3.19c9.6,0.01,19.2,0.01,28.81,0 c2.08,0,3.89-1.33,4.47-3.19c0.04-0.14,0.02-0.31,0.19-0.4c0-5.6,0-11.19,0-16.79H33.37z M29.75,42.62c0.34,0,0.44-0.06,0.44-0.4 c-0.01-3.68-0.01-4.6-0.01-8.28c0-0.25-0.08-0.43-0.28-0.6c-0.62-0.55-1.22-1.13-1.83-1.69c-0.79-0.73-1.36-0.74-2.15-0.01 c-2.71,2.52-5.43,5.03-8.13,7.55c-0.26,0.25-0.39,0.24-0.65,0c-1.13-1.08-2.28-2.13-3.43-3.19c-0.7-0.65-1.31-0.65-2.01,0 c-1.16,1.07-2.31,2.15-3.48,3.22c-0.2,0.19-0.29,0.37-0.29,0.64c0.01,1.69,0.03,0.61,0,2.3c-0.01,0.41,0.14,0.46,0.53,0.46 c3.52-0.01,7.05-0.01,10.57-0.01C22.6,42.61,26.17,42.61,29.75,42.62z'/%3E%3C/svg%3E\");\n "],["\n background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='50px' viewBox='0 0 40 50' style='enable-background:new 0 0 40 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M16.09,24.97c-3.31,0.55-6.16-2.09-5.57-5.16c0.34-1.73,1.82-3.14,3.68-3.5c3.39-0.66,6.37,2.11,5.67,5.25 C19.48,23.28,17.96,24.66,16.09,24.97z M1.88,26.75c0-7.69,0-15.38,0-23.07C2,3.64,1.97,3.53,1.99,3.45c0.5-1.7,1.64-2.82,3.48-3.31 C5.57,0.12,5.71,0.14,5.75,0c7.31,0,14.63,0,21.94,0c0.03,0.1,0.12,0.08,0.2,0.1c0.96,0.2,1.77,0.63,2.47,1.28 c2.72,2.52,5.44,5.05,8.16,7.57c0.68,0.63,1.14,1.38,1.37,2.24c0.02,0.08-0.02,0.19,0.11,0.23c0,5.11,0,10.22,0,15.34h-4.76 c0-3.38,0-6.75,0-10.13c0-0.35-0.1-0.43-0.46-0.43c-3.21,0.01-6.42,0.01-9.63,0.01c-1.65,0-2.62-0.9-2.62-2.42 c0-2.94-0.01-5.89,0.01-8.83c0-0.46-0.14-0.54-0.6-0.53c-4.91,0.02-9.83,0.02-14.74,0c-0.44,0-0.57,0.09-0.57,0.52 c0.02,6.21,0.01,12.42,0.01,18.63c0,1.06,0,2.12,0,3.18H1.88z M27.28,11.46c0,0.31,0.14,0.34,0.41,0.34c2.25-0.01,4.5,0,6.75-0.01 c0.09,0,0.2,0.04,0.24,0c-2.46-2.28-4.92-4.56-7.39-6.85C27.29,7.1,27.3,9.28,27.28,11.46z M33.37,29.61c0,5.18-0.01,10.37,0,15.55 c0,0.35-0.1,0.43-0.46,0.43c-9.23-0.01-18.46-0.01-27.69,0c-0.44,0-0.45-0.17-0.45-0.48c0.01-5.17,0-10.33,0-15.5H0 c0,5.6,0,11.19,0,16.79c0.17,0.09,0.15,0.26,0.19,0.4c0.57,1.85,2.39,3.18,4.47,3.19c9.6,0.01,19.2,0.01,28.81,0 c2.08,0,3.89-1.33,4.47-3.19c0.04-0.14,0.02-0.31,0.19-0.4c0-5.6,0-11.19,0-16.79H33.37z M29.75,42.62c0.34,0,0.44-0.06,0.44-0.4 c-0.01-3.68-0.01-4.6-0.01-8.28c0-0.25-0.08-0.43-0.28-0.6c-0.62-0.55-1.22-1.13-1.83-1.69c-0.79-0.73-1.36-0.74-2.15-0.01 c-2.71,2.52-5.43,5.03-8.13,7.55c-0.26,0.25-0.39,0.24-0.65,0c-1.13-1.08-2.28-2.13-3.43-3.19c-0.7-0.65-1.31-0.65-2.01,0 c-1.16,1.07-2.31,2.15-3.48,3.22c-0.2,0.19-0.29,0.37-0.29,0.64c0.01,1.69,0.03,0.61,0,2.3c-0.01,0.41,0.14,0.46,0.53,0.46 c3.52-0.01,7.05-0.01,10.57-0.01C22.6,42.61,26.17,42.61,29.75,42.62z'/%3E%3C/svg%3E\");\n "]))}),hn=a(d.IconButton).withConfig({displayName:"DeleteButton",componentId:"sc-1dcbeyi"})(pn=pn||i(["\n top: 8px;\n right: 8px;\n position: absolute;\n &:not(:hover) {\n fill: var(--tina-color-grey-0);\n background-color: transparent;\n border-color: transparent;\n }\n"],["\n top: 8px;\n right: 8px;\n position: absolute;\n &:not(:hover) {\n fill: var(--tina-color-grey-0);\n background-color: transparent;\n border-color: transparent;\n }\n"])),xn=a.div.withConfig({displayName:"StyledImageContainer",componentId:"sc-10590j4"})(un=un||i(["\n background-color: var(--tina-color-grey-4);\n position: relative;\n border-radius: var(--tina-radius-small);\n overflow: hidden;\n background-color: var(--tina-color-grey-8);\n &:hover {\n "," {\n opacity: 0.6;\n }\n }\n"],["\n background-color: var(--tina-color-grey-4);\n position: relative;\n border-radius: var(--tina-radius-small);\n overflow: hidden;\n background-color: var(--tina-color-grey-8);\n &:hover {\n "," {\n opacity: 0.6;\n }\n }\n"]),vn);function bn(e){return function(n){return m.createElement(yn,{name:n.input.name,label:n.field.label,description:n.field.description,error:n.meta.error},m.createElement(e,h({},n)))}}function yn(n){var e=n.name,t=n.label,r=n.description,a=n.error,i=n.margin,o=void 0===i||i,l=n.children;return m.createElement(Fn,{margin:o},m.createElement(In,{htmlFor:e},t||e,r&&m.createElement(Dn,null,r)),l,a&&m.createElement(Nn,null,a))}var wn,kn,En,Cn,zn,Fn=a.div.withConfig({displayName:"FieldWrapper",componentId:"sc-1frw1ic"})(kn=kn||i(["\n position: relative;\n\n ",";\n"],["\n position: relative;\n\n ",";\n"]),function(n){return n.margin&&e.css(wn=wn||i(["\n margin-bottom: var(--tina-padding-big);\n "],["\n margin-bottom: var(--tina-padding-big);\n "]))}),In=a.label.withConfig({displayName:"FieldLabel",componentId:"sc-kpki66"})(En=En||i(["\n display: block;\n font-size: var(--tina-font-size-1);\n font-weight: 600;\n letter-spacing: 0.01em;\n line-height: 1.35;\n color: var(--tina-color-grey-8);\n margin-bottom: 8px;\n text-overflow: ellipsis;\n width: 100%;\n overflow: hidden;\n"],["\n display: block;\n font-size: var(--tina-font-size-1);\n font-weight: 600;\n letter-spacing: 0.01em;\n line-height: 1.35;\n color: var(--tina-color-grey-8);\n margin-bottom: 8px;\n text-overflow: ellipsis;\n width: 100%;\n overflow: hidden;\n"])),Dn=a.p.withConfig({displayName:"FieldDescription",componentId:"sc-kyuv0c"})(Cn=Cn||i(["\n color: var(--tina-color-grey-6);\n font-size: var(--tina-font-size-0);\n font-style: italic;\n font-weight: lighter;\n padding-top: 4px;\n white-space: normal;\n margin: 0;\n"],["\n color: var(--tina-color-grey-6);\n font-size: var(--tina-font-size-0);\n font-style: italic;\n font-weight: lighter;\n padding-top: 4px;\n white-space: normal;\n margin: 0;\n"])),Nn=a.span.withConfig({displayName:"FieldError",componentId:"sc-1wd9zf8"})(zn=zn||i(["\n display: block;\n color: red;\n font-size: var(--tina-font-size-1);\n margin-top: 8px;\n font-weight: 500;\n"],["\n display: block;\n color: red;\n font-size: var(--tina-font-size-1);\n margin-top: 8px;\n font-weight: 500;\n"])),Pn=bn(function(n){var e=n.tinaForm,t=n.field,r=m.useState(!1),a=r[0],i=r[1];return m.createElement(m.Fragment,null,m.createElement(jn,{onClick:function(){return i(function(n){return!n})}},t.label||t.name,m.createElement(u.RightArrowIcon,null)),m.createElement(Bn,{isExpanded:a,setExpanded:i,field:t,tinaForm:e}))}),Bn=function(n){var e=n.setExpanded,t=n.isExpanded,r=n.tinaForm,a=n.field,i=v.useFormPortal(),o=m.useMemo(function(){return a.fields.map(function(n){return h(h({},n),{name:a.name+"."+n.name})})},[a.fields,a.name]);return m.createElement(i,null,m.createElement(Gn,{isExpanded:t},m.createElement(An,{onClick:function(){return e(!1)}},m.createElement(u.LeftArrowIcon,null)," ",m.createElement("span",null,a.label||a.name)),m.createElement(Sn,null,t?m.createElement(c.FieldsBuilder,{form:r,fields:o}):null)))},jn=a.div.withConfig({displayName:"Header",componentId:"sc-gn6gb4"})(Rn=Rn||i(["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: 1px solid var(--tina-color-grey-2);\n border-radius: var(--tina-radius-small);\n margin: 0 0 24px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 12px;\n color: var(--tina-color-grey-10);\n background-color: white;\n\n svg {\n width: 24px;\n height: auto;\n fill: var(--tina-color-grey-3);\n transition: all var(--tina-timing-short) ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n color: #0084ff;\n }\n"],["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: 1px solid var(--tina-color-grey-2);\n border-radius: var(--tina-radius-small);\n margin: 0 0 24px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 12px;\n color: var(--tina-color-grey-10);\n background-color: white;\n\n svg {\n width: 24px;\n height: auto;\n fill: var(--tina-color-grey-3);\n transition: all var(--tina-timing-short) ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n color: #0084ff;\n }\n"])),An=a.div.withConfig({displayName:"PanelHeader",componentId:"sc-14yjils"})(Hn=Hn||i(["\n position: relative;\n width: 100%;\n cursor: pointer;\n background-color: white;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n padding: 6px 18px 6px 18px;\n color: inherit;\n font-size: var(--tina-font-size-3);\n transition: color var(--tina-timing-medium) ease-out;\n user-select: none;\n border-bottom: 1px solid var(--tina-color-grey-2);\n margin: 0;\n span {\n flex: 1 1 auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n svg {\n flex: 0 0 auto;\n width: 24px;\n fill: var(--tina-color-grey-3);\n height: auto;\n transform: translate3d(-4px, 0, 0);\n transition: transform var(--tina-timing-medium) ease-out;\n }\n :hover {\n color: var(--tina-color-primary);\n svg {\n fill: var(--tina-color-grey-8);\n transform: translate3d(-7px, 0, 0);\n transition: transform var(--tina-timing-medium) ease-out;\n }\n }\n"],["\n position: relative;\n width: 100%;\n cursor: pointer;\n background-color: white;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n padding: 6px 18px 6px 18px;\n color: inherit;\n font-size: var(--tina-font-size-3);\n transition: color var(--tina-timing-medium) ease-out;\n user-select: none;\n border-bottom: 1px solid var(--tina-color-grey-2);\n margin: 0;\n span {\n flex: 1 1 auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n svg {\n flex: 0 0 auto;\n width: 24px;\n fill: var(--tina-color-grey-3);\n height: auto;\n transform: translate3d(-4px, 0, 0);\n transition: transform var(--tina-timing-medium) ease-out;\n }\n :hover {\n color: var(--tina-color-primary);\n svg {\n fill: var(--tina-color-grey-8);\n transform: translate3d(-7px, 0, 0);\n transition: transform var(--tina-timing-medium) ease-out;\n }\n }\n"])),Sn=a.div.withConfig({displayName:"PanelBody",componentId:"sc-1dpiq97"})(Mn=Mn||i(["\n background: var(--tina-color-grey-1);\n position: relative;\n display: flex;\n flex: 1 1 auto;\n overflow-y: auto;\n"],["\n background: var(--tina-color-grey-1);\n position: relative;\n display: flex;\n flex: 1 1 auto;\n overflow-y: auto;\n"])),Tn=e.keyframes(qn=qn||i(["\n 0% {\n transform: translate3d( 100%, 0, 0 );\n }\n 100% {\n transform: translate3d( 0, 0, 0 );\n }\n"],["\n 0% {\n transform: translate3d( 100%, 0, 0 );\n }\n 100% {\n transform: translate3d( 0, 0, 0 );\n }\n"])),Gn=a.div.withConfig({displayName:"GroupPanel",componentId:"sc-1mqtfsb"})(Un=Un||i(["\n position: absolute;\n width: 100%;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n z-index: var(--tina-z-index-1);\n pointer-events: ",";\n\n > * {\n ",";\n\n ",";\n }\n"],["\n position: absolute;\n width: 100%;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n z-index: var(--tina-z-index-1);\n pointer-events: ",";\n\n > * {\n ",";\n\n ",";\n }\n"]),function(n){return n.isExpanded?"all":"none"},function(n){return n.isExpanded&&e.css(On=On||i(["\n animation-name: ",";\n animation-duration: 150ms;\n animation-delay: 0;\n animation-iteration-count: 1;\n animation-timing-function: ease-out;\n animation-fill-mode: backwards;\n "],["\n animation-name: ",";\n animation-duration: 150ms;\n animation-delay: 0;\n animation-iteration-count: 1;\n animation-timing-function: ease-out;\n animation-fill-mode: backwards;\n "]),Tn)},function(n){return!n.isExpanded&&e.css(_n=_n||i(["\n transition: transform 150ms ease-out;\n transform: translate3d(100%, 0, 0);\n "],["\n transition: transform 150ms ease-out;\n transform: translate3d(100%, 0, 0);\n "]))});function Ln(n){return n||""}var Rn,Hn,Mn,qn,On,_n,Un,Vn,Wn,Kn,Yn,Jn,Qn,Xn,Zn,$n,ne,ee,te,re,ae,ie,oe,le,se,ce,de,pe,ue,me,ge,fe,ve,he,xe={name:"group",Component:Pn},be=function(){return m.createElement(Fe,null,"There are no items")},ye=function(n){var t=n.tinaForm,r=n.field,a=n.index,e=(n.item,n.label),i=x(n,["tinaForm","field","index","item","label"]),o=v.useFormPortal(),l=m.useState(!1),s=l[0],c=l[1],d=m.useCallback(function(){t.mutators.remove(r.name,a)},[t,r,a]),p=e||(r.label||r.name)+" Item";return m.createElement(f.Draggable,{type:r.name,draggableId:r.name+"."+a,index:a},function(n,e){return m.createElement(m.Fragment,null,m.createElement(De,h({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps,i),m.createElement(Pe,null),m.createElement(we,{onClick:function(){return c(!0)}},m.createElement(ke,null,p)),m.createElement(Ne,{onClick:d},m.createElement(u.TrashIcon,null))),m.createElement(o,null,m.createElement(Be,{isExpanded:s,setExpanded:c,field:r,index:a,tinaForm:t,itemTitle:p})))})},we=a.div.withConfig({displayName:"ItemClickTarget",componentId:"sc-f2s2jb"})(Vn=Vn||i(["\n flex: 1 1 0;\n min-width: 0;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px;\n"],["\n flex: 1 1 0;\n min-width: 0;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px;\n"])),ke=a.span.withConfig({displayName:"GroupLabel",componentId:"sc-1xm9m52"})(Kn=Kn||i(["\n margin: 0;\n font-size: var(--tina-font-size-1);\n font-weight: 600;\n letter-spacing: 0.01em;\n line-height: 1.35;\n flex: 1 1 auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--tina-color-grey-8);\n transition: all 85ms ease-out;\n text-align: left;\n\n ",";\n"],["\n margin: 0;\n font-size: var(--tina-font-size-1);\n font-weight: 600;\n letter-spacing: 0.01em;\n line-height: 1.35;\n flex: 1 1 auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--tina-color-grey-8);\n transition: all 85ms ease-out;\n text-align: left;\n\n ",";\n"]),function(n){return n.error&&e.css(Wn=Wn||i(["\n color: var(--tina-color-error) !important;\n "],["\n color: var(--tina-color-error) !important;\n "]))}),Ee=a.div.withConfig({displayName:"GroupListHeader",componentId:"sc-2gg5me"})(Yn=Yn||i(["\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n "," {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n "," {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"]),Dn),Ce=a.div.withConfig({displayName:"GroupListMeta",componentId:"sc-cuc5w"})(Jn=Jn||i(["\n line-height: 1;\n"],["\n line-height: 1;\n"])),ze=a.div.withConfig({displayName:"GroupListPanel",componentId:"sc-1n9pz25"})(Qn=Qn||i(["\n max-height: initial;\n position: relative;\n height: auto;\n margin-bottom: 24px;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n"],["\n max-height: initial;\n position: relative;\n height: auto;\n margin-bottom: 24px;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n"])),Fe=a.div.withConfig({displayName:"EmptyList",componentId:"sc-as4ipn"})(Xn=Xn||i(["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n"],["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n"])),Ie=a.div.withConfig({displayName:"ItemList",componentId:"sc-10iwsnx"})(Zn=Zn||i([""],[""])),De=a.div.withConfig({displayName:"ItemHeader",componentId:"sc-qm41so"})(ne=ne||i(["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n margin: 0 0 -1px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n\n "," {\n color: var(--tina-color-grey-8);\n align-self: center;\n max-width: 100%;\n }\n\n svg {\n fill: var(--tina-color-grey-3);\n width: 20px;\n height: auto;\n transition: fill 85ms ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n }\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:nth-last-child(2) {\n border-radius: 0 0 4px 4px;\n &:first-child {\n border-radius: var(--tina-radius-small);\n }\n }\n\n ",";\n"],["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n margin: 0 0 -1px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n\n "," {\n color: var(--tina-color-grey-8);\n align-self: center;\n max-width: 100%;\n }\n\n svg {\n fill: var(--tina-color-grey-3);\n width: 20px;\n height: auto;\n transition: fill 85ms ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n }\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:nth-last-child(2) {\n border-radius: 0 0 4px 4px;\n &:first-child {\n border-radius: var(--tina-radius-small);\n }\n }\n\n ",";\n"]),ke,ke,function(n){return n.isDragging&&e.css($n=$n||i(["\n border-radius: var(--tina-radius-small);\n box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12);\n\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n\n "," {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n "],["\n border-radius: var(--tina-radius-small);\n box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12);\n\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n\n "," {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n "]),ke,Pe)}),Ne=a.button.withConfig({displayName:"DeleteButton",componentId:"sc-6sbxj0"})(ee=ee||i(["\n text-align: center;\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n cursor: pointer;\n padding: 12px 8px;\n margin: 0;\n transition: all 85ms ease-out;\n svg {\n transition: all 85ms ease-out;\n }\n &:hover {\n background-color: var(--tina-color-grey-1);\n }\n"],["\n text-align: center;\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n cursor: pointer;\n padding: 12px 8px;\n margin: 0;\n transition: all 85ms ease-out;\n svg {\n transition: all 85ms ease-out;\n }\n &:hover {\n background-color: var(--tina-color-grey-1);\n }\n"])),Pe=a(function(n){var e=x(n,[]);return m.createElement("div",h({},e),m.createElement(u.DragIcon,null),m.createElement(u.ReorderIcon,null))}).withConfig({displayName:"DragHandle",componentId:"sc-m7fqse"})(te=te||i(["\n margin: 0;\n flex: 0 0 auto;\n width: 32px;\n position: relative;\n fill: inherit;\n padding: 12px 0;\n transition: all 85ms ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n cursor: grab;\n }\n svg {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 20px;\n height: 20px;\n transform: translate3d(-50%, -50%, 0);\n transition: all 85ms ease-out;\n }\n svg:last-child {\n opacity: 0;\n }\n *:hover > & {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n"],["\n margin: 0;\n flex: 0 0 auto;\n width: 32px;\n position: relative;\n fill: inherit;\n padding: 12px 0;\n transition: all 85ms ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n cursor: grab;\n }\n svg {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 20px;\n height: 20px;\n transform: translate3d(-50%, -50%, 0);\n transition: all 85ms ease-out;\n }\n svg:last-child {\n opacity: 0;\n }\n *:hover > & {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n"])),Be=function(n){var e=n.setExpanded,t=n.isExpanded,r=n.tinaForm,a=n.field,i=n.index,o=n.itemTitle,l=m.useMemo(function(){return a.fields.map(function(n){return h(h({},n),{name:a.name+"."+i+"."+n.name})})},[a.fields,a.name,i]);return m.createElement(Gn,{isExpanded:t},m.createElement(An,{onClick:function(){return e(!1)}},m.createElement(u.LeftArrowIcon,null),m.createElement(ke,null,o)),m.createElement(Sn,null,t?m.createElement(c.FieldsBuilder,{form:r,fields:l}):null))},je={name:"group-list",Component:function(n){var t=n.tinaForm,e=n.form,r=n.field,a=n.input,i=m.useCallback(function(){var n={};n="function"==typeof r.defaultItem?r.defaultItem():r.defaultItem||{},e.mutators.insert(r.name,0,n)},[e,r]),o=a.value||[],l=m.useCallback(function(n){return r.itemProps?r.itemProps(n):{}},[r.itemProps]);return m.createElement(m.Fragment,null,m.createElement(Ee,null,m.createElement(Ce,null,m.createElement(ke,null,r.label||r.name),r.description&&m.createElement(Dn,null,r.description)),m.createElement(d.IconButton,{onClick:i,primary:!0,small:!0},m.createElement(u.AddIcon,null))),m.createElement(ze,null,m.createElement(Ie,null,m.createElement(f.Droppable,{droppableId:r.name,type:r.name},function(n){return m.createElement("div",{ref:n.innerRef},0===o.length&&m.createElement(be,null),o.map(function(n,e){return m.createElement(ye,h({key:e,tinaForm:t,field:r,item:n,index:e},l(n)))}),n.placeholder)}))))}},Ae=function(){return m.createElement(Ge,null,"There are no items")},Se=function(n){var t=n.label,r=n.tinaForm,a=n.field,i=n.index,o=n.template,l=n.block,s=v.useFormPortal(),e=m.useState(!1),c=e[0],d=e[1],p=m.useCallback(function(){r.mutators.remove(a.name,i)},[r,a,i]);return m.createElement(f.Draggable,{key:i,type:a.name,draggableId:a.name+"."+i,index:i},function(n,e){return m.createElement(m.Fragment,null,m.createElement(_e,h({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps),m.createElement(Ve,null),m.createElement(Me,{onClick:function(){return d(!0)}},m.createElement(ke,null,t||o.label)),m.createElement(Ue,{onClick:p},m.createElement(u.TrashIcon,null))),m.createElement(s,null,m.createElement(We,{isExpanded:c,setExpanded:d,field:a,item:l,index:i,tinaForm:r,label:t||o.label,template:o})))})},Te=function(n){var e=n.tinaForm,t=n.field,r=n.index,a=m.useCallback(function(){e.mutators.remove(t.name,r)},[e,t,r]);return m.createElement(f.Draggable,{key:r,type:t.name,draggableId:t.name+"."+r,index:r},function(n,e){return m.createElement(_e,h({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps),m.createElement(Ve,null),m.createElement(Me,null,m.createElement(ke,{error:!0},"Invalid Block")),m.createElement(Ue,{onClick:a},m.createElement(u.TrashIcon,null)))})},Ge=a.div.withConfig({displayName:"EmptyList",componentId:"sc-1r10bac"})(re=re||i(["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n"],["\n text-align: center;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n color: var(--tina-color-grey-4);\n line-height: 1.35;\n padding: 12px 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n"])),Le=a.div.withConfig({displayName:"BlockMenu",componentId:"sc-6b98k6"})(ie=ie||i(["\n min-width: 192px;\n border-radius: var(--tina-radius-big);\n border: 1px solid #efefef;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);\n opacity: 0;\n pointer-events: none;\n transition: all 150ms ease-out;\n transform-origin: 100% 0;\n box-shadow: var(--tina-shadow-big);\n background-color: white;\n overflow: hidden;\n z-index: var(--tina-z-index-1);\n ",";\n"],["\n min-width: 192px;\n border-radius: var(--tina-radius-big);\n border: 1px solid #efefef;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);\n opacity: 0;\n pointer-events: none;\n transition: all 150ms ease-out;\n transform-origin: 100% 0;\n box-shadow: var(--tina-shadow-big);\n background-color: white;\n overflow: hidden;\n z-index: var(--tina-z-index-1);\n ",";\n"]),function(n){return n.open&&e.css(ae=ae||i(["\n opacity: 1;\n pointer-events: all;\n transform: translate3d(0, 36px, 0) scale3d(1, 1, 1);\n "],["\n opacity: 1;\n pointer-events: all;\n transform: translate3d(0, 36px, 0) scale3d(1, 1, 1);\n "]))}),Re=a.div.withConfig({displayName:"BlockMenuList",componentId:"sc-1nyy6e7"})(oe=oe||i(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])),He=a.button.withConfig({displayName:"BlockOption",componentId:"sc-4izele"})(le=le||i(["\n position: relative;\n text-align: center;\n font-size: var(--tina-font-size-0);\n padding: var(--tina-padding-small);\n font-weight: 500;\n width: 100%;\n background: none;\n cursor: pointer;\n outline: none;\n border: 0;\n transition: all 85ms ease-out;\n &:hover {\n color: var(--tina-color-primary);\n background-color: var(--tina-color-grey-1);\n }\n &:not(:last-child) {\n border-bottom: 1px solid #efefef;\n }\n"],["\n position: relative;\n text-align: center;\n font-size: var(--tina-font-size-0);\n padding: var(--tina-padding-small);\n font-weight: 500;\n width: 100%;\n background: none;\n cursor: pointer;\n outline: none;\n border: 0;\n transition: all 85ms ease-out;\n &:hover {\n color: var(--tina-color-primary);\n background-color: var(--tina-color-grey-1);\n }\n &:not(:last-child) {\n border-bottom: 1px solid #efefef;\n }\n"])),Me=a.div.withConfig({displayName:"ItemClickTarget",componentId:"sc-1hyr910"})(se=se||i(["\n flex: 1 1 0;\n min-width: 0;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px;\n"],["\n flex: 1 1 0;\n min-width: 0;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px;\n"])),qe=a.div.withConfig({displayName:"GroupListPanel",componentId:"sc-1k84d3v"})(ce=ce||i(["\n max-height: initial;\n position: relative;\n height: auto;\n margin-bottom: 24px;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n"],["\n max-height: initial;\n position: relative;\n height: auto;\n margin-bottom: 24px;\n border-radius: var(--tina-radius-small);\n background-color: var(--tina-color-grey-2);\n"])),Oe=a.div.withConfig({displayName:"ItemList",componentId:"sc-1hwbkec"})(de=de||i([""],[""])),_e=a.div.withConfig({displayName:"ItemHeader",componentId:"sc-15jdhoa"})(ue=ue||i(["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n margin: 0 0 -1px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n\n "," {\n color: var(--tina-color-grey-10);\n align-self: center;\n max-width: 100%;\n }\n\n svg {\n fill: var(--tina-color-grey-3);\n width: 20px;\n height: auto;\n transition: fill 85ms ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n }\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:nth-last-child(2) {\n border-radius: 0 0 4px 4px;\n &:first-child {\n border-radius: var(--tina-radius-small);\n }\n }\n\n ",";\n"],["\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n background-color: white;\n border: 1px solid var(--tina-color-grey-2);\n margin: 0 0 -1px 0;\n overflow: visible;\n line-height: 1.35;\n padding: 0;\n font-size: var(--tina-font-size-2);\n font-weight: 500;\n\n "," {\n color: var(--tina-color-grey-10);\n align-self: center;\n max-width: 100%;\n }\n\n svg {\n fill: var(--tina-color-grey-3);\n width: 20px;\n height: auto;\n transition: fill 85ms ease-out;\n }\n\n &:hover {\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n }\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:nth-last-child(2) {\n border-radius: 0 0 4px 4px;\n &:first-child {\n border-radius: var(--tina-radius-small);\n }\n }\n\n ",";\n"]),ke,ke,function(n){return n.isDragging&&e.css(pe=pe||i(["\n border-radius: var(--tina-radius-small);\n box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12);\n\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n\n "," {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n "],["\n border-radius: var(--tina-radius-small);\n box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12);\n\n svg {\n fill: var(--tina-color-grey-8);\n }\n "," {\n color: var(--tina-color-primary);\n }\n\n "," {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n "]),ke,Ve)}),Ue=a.button.withConfig({displayName:"DeleteButton",componentId:"sc-xg3nc8"})(me=me||i(["\n text-align: center;\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n cursor: pointer;\n padding: 12px 8px;\n margin: 0;\n transition: all var(--tina-timing-short) ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n }\n"],["\n text-align: center;\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n cursor: pointer;\n padding: 12px 8px;\n margin: 0;\n transition: all var(--tina-timing-short) ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n }\n"])),Ve=a(function(n){var e=x(n,[]);return m.createElement("div",h({},e),m.createElement(u.DragIcon,null),m.createElement(u.ReorderIcon,null))}).withConfig({displayName:"DragHandle",componentId:"sc-1nik2oj"})(ge=ge||i(["\n margin: 0;\n flex: 0 0 auto;\n width: 32px;\n position: relative;\n fill: inherit;\n padding: 12px 0;\n transition: all 85ms ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n cursor: grab;\n }\n svg {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 20px;\n height: 20px;\n transform: translate3d(-50%, -50%, 0);\n transition: all var(--tina-timing-short) ease-out;\n }\n svg:last-child {\n opacity: 0;\n }\n *:hover > & {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n"],["\n margin: 0;\n flex: 0 0 auto;\n width: 32px;\n position: relative;\n fill: inherit;\n padding: 12px 0;\n transition: all 85ms ease-out;\n &:hover {\n background-color: var(--tina-color-grey-1);\n cursor: grab;\n }\n svg {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 20px;\n height: 20px;\n transform: translate3d(-50%, -50%, 0);\n transition: all var(--tina-timing-short) ease-out;\n }\n svg:last-child {\n opacity: 0;\n }\n *:hover > & {\n svg:first-child {\n opacity: 0;\n }\n svg:last-child {\n opacity: 1;\n }\n }\n"])),We=function(n){var e=n.setExpanded,t=n.isExpanded,r=n.tinaForm,a=n.field,i=n.index,o=n.label,l=n.template,s=m.useMemo(function(){return l.fields.map(function(n){return h(h({},n),{name:a.name+"."+i+"."+n.name})})},[a.name,i,l.fields]);return m.createElement(Gn,{isExpanded:t},m.createElement(An,{onClick:function(){return e(!1)}},m.createElement(u.LeftArrowIcon,null),m.createElement(ke,null,o)),m.createElement(Sn,null,t?m.createElement(c.FieldsBuilder,{form:r,fields:s}):null))},Ke={name:"blocks",Component:function(n){var a=n.tinaForm,r=n.form,i=n.field,e=n.input,o=m.useCallback(function(n,e){var t={};(t="function"==typeof e.defaultItem?e.defaultItem():e.defaultItem||{})._template=n,r.mutators.insert(i.name,0,t)},[i.name,r.mutators]),t=e.value||[],l=m.useState(!1),s=l[0],c=l[1];return m.createElement(m.Fragment,null,m.createElement(Ee,null,m.createElement(Ce,null,m.createElement(ke,null,i.label||i.name),i.description&&m.createElement(Dn,null,i.description)),m.createElement(d.IconButton,{onClick:function(){return c(!0)},open:s,primary:!0,small:!0},m.createElement(u.AddIcon,null)),m.createElement(Le,{open:s},m.createElement(g.Dismissible,{click:!0,escape:!0,onDismiss:function(){return c(!1)},disabled:!s},m.createElement(Re,null,Object.entries(i.templates).map(function(n){var e=n[0],t=n[1];return m.createElement(He,{key:e,onClick:function(){o(e,t),c(!1)}},t.label)}))))),m.createElement(qe,null,m.createElement(Oe,null,m.createElement(f.Droppable,{droppableId:i.name,type:i.name},function(n){return m.createElement("div",{ref:n.innerRef,className:"edit-page--list-parent"},0===t.length&&m.createElement(Ae,null),t.map(function(n,e){var t=i.templates[n._template];if(!t)return m.createElement(Te,{key:e,index:e,field:i,tinaForm:a});var r;return m.createElement(Se,h({key:e,block:n,template:t,index:e,field:i,tinaForm:a},(r=n,t.itemProps?t.itemProps(r):{})))}),n.placeholder)}))))}},Ye=bn(function(n){var e=n.input,t=n.field;return m.createElement(B,{colorFormat:t.colorFormat,userColors:t.colors,widget:t.widget,input:e})}),Je={name:"color",Component:Ye,parse:Ln},Qe=bn(function(a){var i=o.useCMS();return m.createElement(rn,{value:a.input.value,previewSrc:a.field.previewSrc(a.form.getState().values,a),onDrop:function(n){var r=n[0];return function(i,o,l,s){return new(l=l||Promise)(function(n,e){function t(n){try{a(s.next(n))}catch(n){e(n)}}function r(n){try{a(s.throw(n))}catch(n){e(n)}}function a(e){e.done?n(e.value):new l(function(n){n(e.value)}).then(t,r)}a((s=s.apply(i,o||[])).next())})}(void 0,void 0,void 0,function(){var e,t;return l(this,function(n){switch(n.label){case 0:return e=a.field.uploadDir(a.form.getState().values),[4,i.media.store.persist([{directory:e,file:r}])];case 1:return(t=n.sent()[0])&&a.input.onChange(t.filename),[2]}})})},onClear:!1===a.field.clearable?void 0:function(){a.input.onChange("")}})}),Xe={name:"image",Component:Qe,parse:Ln},Ze=bn(function(n){var e=n.input,t=n.field;return m.createElement(tn,h({},e,{step:t.step}))}),$e={name:"number",Component:Ze,parse:function(n){return n&&+n}},nt=bn(A),et={name:"select",type:"select",Component:nt,parse:Ln},tt=bn(function(n){var e=n.input;return m.createElement(N,h({},e))}),rt={name:"textarea",Component:tt,parse:Ln},at=bn(function(n){var e=n.input,t=n.field;return m.createElement(D,h({},e,{placeholder:t.placeholder}))}),it={name:"text",Component:at,validate:function(n,e,t,r){if(r.required&&!n)return"Required"},parse:Ln},ot=bn(j),lt={name:"toggle",type:"checkbox",Component:ot},st=bn(function(n){var e=n.input,r=n.field,a=n.form,t=n.tinaForm,i=m.useState(""),o=i[0],l=i[1],s=m.useCallback(function(n){var e,t;null!==(t=null===(e=a.getFieldState(r.name))||void 0===e?void 0:e.value)&&void 0!==t&&t.includes(n)||(a.mutators.insert(r.name,0,n),l(""))},[a,r.name]),c=e.value||[];return m.createElement(m.Fragment,null,m.createElement(D,{value:o,onChange:function(n){return l(n.target.value)},placeholder:r.placeholder,onKeyPress:function(n){" "!==n.key&&"Enter"!==n.key||(n.preventDefault(),s(o))}}),m.createElement(dt,null,c.map(function(n,e){return m.createElement(pt,{key:n,tinaForm:t,field:r,index:e},n)})))}),ct=a.button.withConfig({displayName:"DeleteButton",componentId:"sc-yt7wa"})(fe=fe||i(["\n text-align: center;\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n cursor: pointer;\n padding: 6px;\n margin: 0 calc(var(--tina-padding-small) * -1) 0 6px;\n display: flex;\n align-items: center;\n transition: all 85ms ease-out;\n\n svg {\n transition: all 85ms ease-out;\n width: 16px;\n height: auto;\n fill: var(--tina-color-grey-8);\n }\n &:hover {\n background-color: var(--tina-color-grey-1);\n }\n"],["\n text-align: center;\n flex: 0 0 auto;\n border: 0;\n background: transparent;\n cursor: pointer;\n padding: 6px;\n margin: 0 calc(var(--tina-padding-small) * -1) 0 6px;\n display: flex;\n align-items: center;\n transition: all 85ms ease-out;\n\n svg {\n transition: all 85ms ease-out;\n width: 16px;\n height: auto;\n fill: var(--tina-color-grey-8);\n }\n &:hover {\n background-color: var(--tina-color-grey-1);\n }\n"])),dt=a.span.withConfig({displayName:"TagGrid",componentId:"sc-889c9u"})(ve=ve||i(["\n display: flex;\n flex-wrap: wrap;\n margin: 4px -4px 0 -4px;\n"],["\n display: flex;\n flex-wrap: wrap;\n margin: 4px -4px 0 -4px;\n"])),pt=a(function(n){var e=n.tinaForm,t=n.field,r=n.index,a=n.children,i=x(n,["tinaForm","field","index","children"]),o=m.useCallback(function(){e.mutators.remove(t.name,r)},[e,t,r]);return m.createElement("span",h({},i),m.createElement("span",null,a),m.createElement(ct,{onClick:o},m.createElement(u.CloseIcon,null)))}).withConfig({displayName:"Tag",componentId:"sc-xhpuxb"})(he=he||i(["\n border-radius: var(--tina-radius-small);\n box-shadow: var(--tina-shadow-small);\n background-color: var(--tina-color-grey-0);\n border: 1px solid var(--tina-color-grey-2);\n display: flex;\n align-items: center;\n font-size: var(--tina-font-size-2);\n font-weight: 600;\n letter-spacing: 0.01em;\n line-height: 1.35;\n color: var(--tina-color-grey-8);\n padding: 0 var(--tina-padding-small);\n margin: 4px;\n text-overflow: ellipsis;\n overflow: hidden;\n\n span {\n max-width: calc(var(--tina-sidebar-width) - 50px);\n flex-shrink: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n"],["\n border-radius: var(--tina-radius-small);\n box-shadow: var(--tina-shadow-small);\n background-color: var(--tina-color-grey-0);\n border: 1px solid var(--tina-color-grey-2);\n display: flex;\n align-items: center;\n font-size: var(--tina-font-size-2);\n font-weight: 600;\n letter-spacing: 0.01em;\n line-height: 1.35;\n color: var(--tina-color-grey-8);\n padding: 0 var(--tina-padding-small);\n margin: 4px;\n text-overflow: ellipsis;\n overflow: hidden;\n\n span {\n max-width: calc(var(--tina-sidebar-width) - 50px);\n flex-shrink: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n"])),ut={name:"tags",Component:st,parse:Ln};n.BaseTextField=D,n.BlocksFieldPlugin=Ke,n.ColorField=Ye,n.ColorFieldPlugin=Je,n.ColorPicker=B,n.Cover=W,n.FieldDescription=Dn,n.FieldMeta=yn,n.Group=Pn,n.GroupField=function(n){return m.createElement("div",null,"Subfield: ",n.field.label||n.field.name)},n.GroupFieldPlugin=xe,n.GroupLabel=ke,n.GroupListFieldPlugin=je,n.GroupListHeader=Ee,n.GroupListMeta=Ce,n.GroupPanel=Gn,n.ImageField=Qe,n.ImageFieldPlugin=Xe,n.ImageUpload=rn,n.Input=I,n.InputCss=F,n.NumberField=Ze,n.NumberFieldPlugin=$e,n.NumberInput=tn,n.PanelBody=Sn,n.PanelHeader=An,n.Popover=V,n.Select=A,n.SelectField=nt,n.SelectFieldPlugin=et,n.Swatch=_,n.TagsField=st,n.TagsFieldPlugin=ut,n.TextArea=N,n.TextField=at,n.TextFieldPlugin=it,n.TextareaField=tt,n.TextareaFieldPlugin=rt,n.Toggle=j,n.ToggleField=ot,n.ToggleFieldPlugin=lt,n.wrapFieldsWithMeta=bn,Object.defineProperty(n,"__esModule",{value:!0})});

1

build/plugins/index.d.ts

@@ -28,1 +28,2 @@ /**

export * from './ToggleFieldPlugin';
export * from './TagsFieldPlugin';

17

CHANGELOG.md

@@ -6,2 +6,19 @@ # Change Log

# [0.11.0](https://github.com/tinacms/tinacms/compare/@tinacms/fields@0.10.3...@tinacms/fields@0.11.0) (2020-05-25)
### Bug Fixes
* added key back to option ([cdafdc1](https://github.com/tinacms/tinacms/commit/cdafdc1))
### Features
* added Option type for Select/SelectField ([409a552](https://github.com/tinacms/tinacms/commit/409a552)), closes [#1044](https://github.com/tinacms/tinacms/issues/1044)
* added TagsFieldPlugin ([8b447e5](https://github.com/tinacms/tinacms/commit/8b447e5))
## [0.10.3](https://github.com/tinacms/tinacms/compare/@tinacms/fields@0.10.2...@tinacms/fields@0.10.3) (2020-05-19)

@@ -8,0 +25,0 @@

8

package.json
{
"name": "@tinacms/fields",
"version": "0.10.3",
"version": "0.11.0",
"main": "build/index.js",

@@ -37,5 +37,5 @@ "types": "build/index.d.ts",

"@tinacms/forms": "^0.4.2",
"@tinacms/icons": "^0.11.0",
"@tinacms/icons": "^0.12.0",
"@tinacms/react-core": "^0.2.12",
"@tinacms/react-forms": "^0.1.5",
"@tinacms/react-forms": "^0.1.6",
"@tinacms/scripts": "^0.1.13",

@@ -68,3 +68,3 @@ "@tinacms/styles": "^0.4.2",

},
"gitHead": "6091399e47ae668cea8ce899685f9b79443d28ef"
"gitHead": "e4789eefc0dc6aeef08d397884f68766644df0ae"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc