@tinacms/fields - npm Package Compare versions

Comparing version 0.12.0-alpha.0 to 0.12.0-alpha.1

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/react-forms"),require("@tinacms/form-builder"),require("react-beautiful-dnd"),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/react-forms","@tinacms/form-builder","react-beautiful-dnd","@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.reactForms,n.formBuilder,n.reactBeautifulDnd,n.reactCore)}(this,function(n,e,g,m,t,r,u,d,f,v,c,h,s){"use strict";var a="default"in e?e.default:e,x=function(){return(x=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 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 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 p(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())})}function y(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 o,l,w,E,k,C,z,F,I=e.css(l=l||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(o=o||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    "]))}),D=a.input.withConfig({displayName:"Input",componentId:"sc-lg4wxu"})(w=w||i(["\n  ","\n"],["\n  ","\n"]),I),N=a.input.withConfig({displayName:"BaseTextField",componentId:"sc-179abbl"})(E=E||i(["\n  ","\n"],["\n  ","\n"]),I),P=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"]),I);(F=z=z||{}).Hex="hex",F.RGB="rgb";function B(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 j(n){var e=n.colorFormat,t=n.userColors,r=void 0===t?J:t,a=n.widget,i=void 0===a?"sketch":a,o=n.input,l=Q[i];if(!l)throw new Error("You must specify a widget type.");var s=g.useState(!1),c=s[0],d=s[1],p=(e||z.Hex).toLowerCase(),u=o.value?_[p].parse(o.value):null;return g.createElement(g.Fragment,null,g.createElement(U,{onClick:function(){return d(!c)},colorRGBA:u,colorFormat:p}),c&&g.createElement(W,null,g.createElement(m.Dismissible,{click:!0,escape:!0,disabled:!c,onDismiss:function(){return d(!1)}},g.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,[Y]),color:u||{r:0,g:0,b:0,a:0},onChange:function(n){var e=n.hex===Y?null:x(x({},n.rgb),{a:1});o.onChange(e?_[p].getValue(e):null)},disableAlpha:!0,width:"240px"}))))}function A(n){var e=!(!n.input.value&&!n.input.checked);return g.createElement(X,null,g.createElement(nn,x({id:n.name,type:"checkbox"},n.input)),g.createElement(Z,{htmlFor:n.name,role:"switch",disabled:n.disabled},g.createElement($,{checked:e},g.createElement("span",null))))}function S(n){var e=n.input,t=n.field,r=n.options||t.options;return g.createElement(fn,null,g.createElement("select",x({id:e.name,value:e.value,onChange:e.onChange},e),r?r.map(en).map(tn):g.createElement("option",null,e.value)))}var T,G,L,R,H,M,q,O,_=((C={})[z.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:B},C[z.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:B},C),U=a(function(n){var e=n.colorRGBA,t=n.colorFormat,r=(n.unselectable,b(n,["colorRGBA","colorFormat","unselectable"]));return g.createElement("div",x({},r),g.createElement("div",{className:"swatch-inner"},e?_[t].getLabel(e):"Click to add color"))}).withConfig({displayName:"Swatch",componentId:"sc-en2mi4"})(T=T||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)}),V=e.keyframes(G=G||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"])),W=a.div.withConfig({displayName:"Popover",componentId:"sc-1hjmdgw"})(L=L||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"]),V),K=a.div.withConfig({displayName:"Cover",componentId:"sc-5kmbeh"})(R=R||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"])),Y="transparent",J=["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],Q={sketch:function(n){return g.createElement(t.SketchPicker,{presetColors:n.presetColors,color:n.color,onChange:n.onChange,disableAlpha:n.disableAlpha,width:n.width})},block:function(n){return g.createElement(t.BlockPicker,{colors:n.presetColors,color:n.color,onChange:n.onChange,width:n.width})}},X=a.div.withConfig({displayName:"ToggleElement",componentId:"sc-uojt3t"})(H=H||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"])),Z=a.label.withConfig({displayName:"ToggleLabel",componentId:"sc-3k30ey"})(M=M||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"}),$=a.div.withConfig({displayName:"ToggleSwitch",componentId:"sc-1c99jht"})(q=q||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"}),nn=a.input.withConfig({displayName:"ToggleInput",componentId:"sc-1qup7ju"})(O=O||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 en(n){return"object"==typeof n?n:{value:n,label:n}}function tn(n){return g.createElement("option",{key:n.value,value:n.value},n.label)}function rn(n){var e=n.onChange,t=n.value,r=n.step;return g.createElement(D,{type:"number",step:r,value:t,onChange:e})}function an(n){var e=n.onDrop,t=n.onClear,r=n.value,a=n.previewSrc,i=n.loading,o=u.useDropzone({accept:"image/*",onDrop:e}),l=o.getRootProps,s=o.getInputProps,c=o.isDragActive,d=o.isDragAccept,p=o.isDragReject;return g.createElement(vn,x({},l({isDragActive:c,isDragAccept:d,isDragReject:p})),g.createElement("input",x({},s())),r?g.createElement(yn,null,i?g.createElement(wn,null):g.createElement(g.Fragment,null,g.createElement(xn,{src:a}),t&&g.createElement(bn,{onClick:function(n){n.stopPropagation(),t()}},g.createElement(f.TrashIcon,null)))):g.createElement(hn,null,"Drag 'n' drop some files here,",g.createElement("br",null),"or click to select files"))}var on,ln,sn,cn,dn,pn,un,gn,mn,fn=a.div.withConfig({displayName:"SelectElement",componentId:"sc-exahe8"})(on=on||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"])),vn=a.div.withConfig({displayName:"DropArea",componentId:"sc-10mgiks"})(ln=ln||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"])),hn=a.div.withConfig({displayName:"ImgPlaceholder",componentId:"sc-do3q3q"})(sn=sn||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\n  transition: all 85ms ease-out;\n  &:hover {\n    opacity: 0.6;\n  }\n"])),xn=a.img.withConfig({displayName:"StyledImage",componentId:"sc-6btb8n"})(pn=pn||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(cn=cn||i(["\n          background-image: none;\n        "],["\n          background-image: none;\n        "])):e.css(dn=dn||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        "]))}),bn=a(d.IconButton).withConfig({displayName:"DeleteButton",componentId:"sc-1dcbeyi"})(un=un||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"])),yn=a.div.withConfig({displayName:"StyledImageContainer",componentId:"sc-10590j4"})(gn=gn||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"]),xn),wn=function(){return g.createElement(En,null,g.createElement(v.LoadingDots,null))},En=a.div.withConfig({displayName:"ImageLoaderWrapper",componentId:"sc-1su3ym4"})(mn=mn||i(["\n  padding: 1rem;\n  width: 100%;\n  min-height: 6rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"],["\n  padding: 1rem;\n  width: 100%;\n  min-height: 6rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"]));function kn(e){return function(n){return g.createElement(Cn,{name:n.input.name,label:n.field.label,description:n.field.description,error:n.meta.error},g.createElement(e,x({},n)))}}function Cn(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 g.createElement(Pn,{margin:o},g.createElement(Bn,{htmlFor:e},t||e,r&&g.createElement(jn,null,r)),l,a&&g.createElement(An,null,a))}var zn,Fn,In,Dn,Nn,Pn=a.div.withConfig({displayName:"FieldWrapper",componentId:"sc-1frw1ic"})(Fn=Fn||i(["\n  position: relative;\n\n  ",";\n"],["\n  position: relative;\n\n  ",";\n"]),function(n){return n.margin&&e.css(zn=zn||i(["\n      margin-bottom: var(--tina-padding-big);\n    "],["\n      margin-bottom: var(--tina-padding-big);\n    "]))}),Bn=a.label.withConfig({displayName:"FieldLabel",componentId:"sc-kpki66"})(In=In||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"])),jn=a.p.withConfig({displayName:"FieldDescription",componentId:"sc-kyuv0c"})(Dn=Dn||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"])),An=a.span.withConfig({displayName:"FieldError",componentId:"sc-1wd9zf8"})(Nn=Nn||i(["\n  display: block;\n  color: red;\n  font-size: var(--tina-font-size-1);\n  margin-top: 8px;\n  font-weight: var(--tina-font-weight-regular);\n"],["\n  display: block;\n  color: red;\n  font-size: var(--tina-font-size-1);\n  margin-top: 8px;\n  font-weight: var(--tina-font-weight-regular);\n"])),Sn=kn(function(n){var e=n.tinaForm,t=n.field,r=g.useState(!1),a=r[0],i=r[1];return g.createElement(g.Fragment,null,g.createElement(Gn,{onClick:function(){return i(function(n){return!n})}},t.label||t.name,g.createElement(f.RightArrowIcon,null)),g.createElement(Tn,{isExpanded:a,setExpanded:i,field:t,tinaForm:e}))}),Tn=function(n){var e=n.setExpanded,t=n.isExpanded,r=n.tinaForm,a=n.field,i=v.useFormPortal(),o=g.useMemo(function(){return a.fields.map(function(n){return x(x({},n),{name:a.name+"."+n.name})})},[a.fields,a.name]);return g.createElement(i,null,g.createElement(Mn,{isExpanded:t},g.createElement(Ln,{onClick:function(){return e(!1)}},g.createElement(f.LeftArrowIcon,null)," ",g.createElement("span",null,a.label||a.name)),g.createElement(Rn,null,t?g.createElement(c.FieldsBuilder,{form:r,fields:o}):null)))},Gn=a.div.withConfig({displayName:"Header",componentId:"sc-gn6gb4"})(On=On||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"])),Ln=a.div.withConfig({displayName:"PanelHeader",componentId:"sc-14yjils"})(_n=_n||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"])),Rn=a.div.withConfig({displayName:"PanelBody",componentId:"sc-1dpiq97"})(Un=Un||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"])),Hn=e.keyframes(Vn=Vn||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"])),Mn=a.div.withConfig({displayName:"GroupPanel",componentId:"sc-1mqtfsb"})(Yn=Yn||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(Wn=Wn||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      "]),Hn)},function(n){return!n.isExpanded&&e.css(Kn=Kn||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 qn(n){return n||""}var 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,ge,me,fe,ve,he,xe,be,ye,we,Ee={name:"group",Component:Sn},ke=function(){return g.createElement(Pe,null,"There are no items")},Ce=function(n){var t=n.tinaForm,r=n.field,a=n.index,e=(n.item,n.label),i=b(n,["tinaForm","field","index","item","label"]),o=v.useFormPortal(),l=g.useState(!1),s=l[0],c=l[1],d=g.useCallback(function(){t.mutators.remove(r.name,a)},[t,r,a]),p=e||(r.label||r.name)+" Item";return g.createElement(h.Draggable,{type:r.name,draggableId:r.name+"."+a,index:a},function(n,e){return g.createElement(g.Fragment,null,g.createElement(je,x({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps,i),g.createElement(Se,null),g.createElement(ze,{onClick:function(){return c(!0)}},g.createElement(Fe,null,p)),g.createElement(Ae,{onClick:d},g.createElement(f.TrashIcon,null))),g.createElement(o,null,g.createElement(Te,{isExpanded:s,setExpanded:c,field:r,index:a,tinaForm:t,itemTitle:p})))})},ze=a.div.withConfig({displayName:"ItemClickTarget",componentId:"sc-f2s2jb"})(Jn=Jn||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"])),Fe=a.span.withConfig({displayName:"GroupLabel",componentId:"sc-1xm9m52"})(Xn=Xn||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(Qn=Qn||i(["\n      color: var(--tina-color-error) !important;\n    "],["\n      color: var(--tina-color-error) !important;\n    "]))}),Ie=a.div.withConfig({displayName:"GroupListHeader",componentId:"sc-2gg5me"})(Zn=Zn||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"]),jn),De=a.div.withConfig({displayName:"GroupListMeta",componentId:"sc-cuc5w"})($n=$n||i(["\n  line-height: 1;\n"],["\n  line-height: 1;\n"])),Ne=a.div.withConfig({displayName:"GroupListPanel",componentId:"sc-1n9pz25"})(ne=ne||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"])),Pe=a.div.withConfig({displayName:"EmptyList",componentId:"sc-as4ipn"})(ee=ee||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\n"])),Be=a.div.withConfig({displayName:"ItemList",componentId:"sc-10iwsnx"})(te=te||i([""],[""])),je=a.div.withConfig({displayName:"ItemHeader",componentId:"sc-qm41so"})(ae=ae||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\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"]),Fe,Fe,function(n){return n.isDragging&&e.css(re=re||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    "]),Fe,Se)}),Ae=a.button.withConfig({displayName:"DeleteButton",componentId:"sc-6sbxj0"})(ie=ie||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"])),Se=a(function(n){var e=b(n,[]);return g.createElement("div",x({},e),g.createElement(f.DragIcon,null),g.createElement(f.ReorderIcon,null))}).withConfig({displayName:"DragHandle",componentId:"sc-m7fqse"})(oe=oe||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"])),Te=function(n){var e=n.setExpanded,t=n.isExpanded,r=n.tinaForm,a=n.field,i=n.index,o=n.itemTitle,l=g.useMemo(function(){return a.fields.map(function(n){return x(x({},n),{name:a.name+"."+i+"."+n.name})})},[a.fields,a.name,i]);return g.createElement(Mn,{isExpanded:t},g.createElement(Ln,{onClick:function(){return e(!1)}},g.createElement(f.LeftArrowIcon,null),g.createElement(Fe,null,o)),g.createElement(Rn,null,t?g.createElement(c.FieldsBuilder,{form:r,fields:l}):null))},Ge={name:"group-list",Component:function(n){var t=n.tinaForm,e=n.form,r=n.field,a=n.input,i=g.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=g.useCallback(function(n){return r.itemProps?r.itemProps(n):{}},[r.itemProps]);return g.createElement(g.Fragment,null,g.createElement(Ie,null,g.createElement(De,null,g.createElement(Fe,null,r.label||r.name),r.description&&g.createElement(jn,null,r.description)),g.createElement(d.IconButton,{onClick:i,primary:!0,small:!0},g.createElement(f.AddIcon,null))),g.createElement(Ne,null,g.createElement(Be,null,g.createElement(h.Droppable,{droppableId:r.name,type:r.name},function(n){return g.createElement("div",{ref:n.innerRef},0===o.length&&g.createElement(ke,null),o.map(function(n,e){return g.createElement(Ce,x({key:e,tinaForm:t,field:r,item:n,index:e},l(n)))}),n.placeholder)}))))}},Le=function(){return g.createElement(Me,null,"There are no items")},Re=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=g.useState(!1),c=e[0],d=e[1],p=g.useCallback(function(){r.mutators.remove(a.name,i)},[r,a,i]);return g.createElement(h.Draggable,{key:i,type:a.name,draggableId:a.name+"."+i,index:i},function(n,e){return g.createElement(g.Fragment,null,g.createElement(Ke,x({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps),g.createElement(Je,null),g.createElement(Ue,{onClick:function(){return d(!0)}},g.createElement(Fe,null,t||o.label)),g.createElement(Ye,{onClick:p},g.createElement(f.TrashIcon,null))),g.createElement(s,null,g.createElement(Qe,{isExpanded:c,setExpanded:d,field:a,item:l,index:i,tinaForm:r,label:t||o.label,template:o})))})},He=function(n){var e=n.tinaForm,t=n.field,r=n.index,a=g.useCallback(function(){e.mutators.remove(t.name,r)},[e,t,r]);return g.createElement(h.Draggable,{key:r,type:t.name,draggableId:t.name+"."+r,index:r},function(n,e){return g.createElement(Ke,x({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps),g.createElement(Je,null),g.createElement(Ue,null,g.createElement(Fe,{error:!0},"Invalid Block")),g.createElement(Ye,{onClick:a},g.createElement(f.TrashIcon,null)))})},Me=a.div.withConfig({displayName:"EmptyList",componentId:"sc-1r10bac"})(le=le||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\n"])),qe=a.div.withConfig({displayName:"BlockMenu",componentId:"sc-6b98k6"})(ce=ce||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(se=se||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    "]))}),Oe=a.div.withConfig({displayName:"BlockMenuList",componentId:"sc-1nyy6e7"})(de=de||i(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])),_e=a.button.withConfig({displayName:"BlockOption",componentId:"sc-4izele"})(pe=pe||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\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"])),Ue=a.div.withConfig({displayName:"ItemClickTarget",componentId:"sc-1hyr910"})(ue=ue||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"])),Ve=a.div.withConfig({displayName:"GroupListPanel",componentId:"sc-1k84d3v"})(ge=ge||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"])),We=a.div.withConfig({displayName:"ItemList",componentId:"sc-1hwbkec"})(me=me||i([""],[""])),Ke=a.div.withConfig({displayName:"ItemHeader",componentId:"sc-15jdhoa"})(ve=ve||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\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"]),Fe,Fe,function(n){return n.isDragging&&e.css(fe=fe||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    "]),Fe,Je)}),Ye=a.button.withConfig({displayName:"DeleteButton",componentId:"sc-xg3nc8"})(he=he||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"])),Je=a(function(n){var e=b(n,[]);return g.createElement("div",x({},e),g.createElement(f.DragIcon,null),g.createElement(f.ReorderIcon,null))}).withConfig({displayName:"DragHandle",componentId:"sc-1nik2oj"})(xe=xe||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"])),Qe=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=g.useMemo(function(){return l.fields?l.fields.map(function(n){return x(x({},n),{name:a.name+"."+i+"."+n.name})}):[]},[a.name,i,l.fields]);return g.createElement(Mn,{isExpanded:t},g.createElement(Ln,{onClick:function(){return e(!1)}},g.createElement(f.LeftArrowIcon,null),g.createElement(Fe,null,o)),g.createElement(Rn,null,t?g.createElement(c.FieldsBuilder,{form:r,fields:s}):null))},Xe={name:"blocks",Component:function(n){var a=n.tinaForm,r=n.form,i=n.field,e=n.input,o=g.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=g.useState(!1),s=l[0],c=l[1];return g.createElement(g.Fragment,null,g.createElement(Ie,null,g.createElement(De,null,g.createElement(Fe,null,i.label||i.name),i.description&&g.createElement(jn,null,i.description)),g.createElement(d.IconButton,{onClick:function(){return c(!0)},open:s,primary:!0,small:!0},g.createElement(f.AddIcon,null)),g.createElement(qe,{open:s},g.createElement(m.Dismissible,{click:!0,escape:!0,onDismiss:function(){return c(!1)},disabled:!s},g.createElement(Oe,null,Object.entries(i.templates).map(function(n){var e=n[0],t=n[1];return g.createElement(_e,{key:e,onClick:function(){o(e,t),c(!1)}},t.label)}))))),g.createElement(Ve,null,g.createElement(We,null,g.createElement(h.Droppable,{droppableId:i.name,type:i.name},function(n){return g.createElement("div",{ref:n.innerRef,className:"edit-page--list-parent"},0===t.length&&g.createElement(Le,null),t.map(function(n,e){var t=i.templates[n._template];if(!t)return g.createElement(He,{key:e,index:e,field:i,tinaForm:a});var r;return g.createElement(Re,x({key:e,block:n,template:t,index:e,field:i,tinaForm:a},(r=n,t.itemProps?t.itemProps(r):{})))}),n.placeholder)}))))}},Ze=kn(function(n){var e=n.input,t=n.field;return g.createElement(j,{colorFormat:t.colorFormat,userColors:t.colors,widget:t.widget,input:e})}),$e={name:"color",Component:Ze,parse:qn},nt=kn(function(a){var i=s.useCMS(),n=g.useState(!0),e=n[0],o=n[1],t=g.useState(""),r=t[0],l=t[1];return g.useEffect(function(){var r=!1;return p(void 0,void 0,void 0,function(){var e,t;return y(this,function(n){switch(n.label){case 0:o(!0),e="",n.label=1;case 1:return n.trys.push([1,3,,4]),[4,a.field.previewSrc(a.form.getState().values,a)];case 2:return e=n.sent(),[3,4];case 3:return t=n.sent(),r||(l(""),i.alerts.error("Failed to generate preview for '"+a.field.name+"': "+t.message)),[3,4];case 4:return r||l(e),o(!1),[2]}})}),function(){r=!0}},[a.input.value]),g.createElement(an,{value:a.input.value,previewSrc:r,loading:e,onDrop:function(n){var r=n[0];return p(void 0,void 0,void 0,function(){var e,t;return y(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("")}})}),et={name:"image",Component:nt,parse:qn},tt=kn(function(n){var e=n.input,t=n.field;return g.createElement(rn,x({},e,{step:t.step}))}),rt={name:"number",Component:tt,parse:function(n){return n&&+n}},at=kn(S),it={name:"select",type:"select",Component:at,parse:qn},ot=kn(function(n){var e=n.input;return g.createElement(P,x({},e))}),lt={name:"textarea",Component:ot,parse:qn},st=kn(function(n){var e=n.input,t=n.field;return g.createElement(N,x({},e,{placeholder:t.placeholder}))}),ct={name:"text",Component:st,validate:function(n,e,t,r){if(r.required&&!n)return"Required"},parse:qn},dt=kn(A),pt={name:"toggle",type:"checkbox",Component:dt},ut=kn(function(n){var e=n.input,r=n.field,a=n.form,t=n.tinaForm,i=g.useState(""),o=i[0],l=i[1],s=g.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 g.createElement(g.Fragment,null,g.createElement(N,{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))}}),g.createElement(mt,null,c.map(function(n,e){return g.createElement(ft,{key:n,tinaForm:t,field:r,index:e},n)})))}),gt=a.button.withConfig({displayName:"DeleteButton",componentId:"sc-yt7wa"})(be=be||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"])),mt=a.span.withConfig({displayName:"TagGrid",componentId:"sc-889c9u"})(ye=ye||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"])),ft=a(function(n){var e=n.tinaForm,t=n.field,r=n.index,a=n.children,i=b(n,["tinaForm","field","index","children"]),o=g.useCallback(function(){e.mutators.remove(t.name,r)},[e,t,r]);return g.createElement("span",x({},i),g.createElement("span",null,a),g.createElement(gt,{onClick:o},g.createElement(f.CloseIcon,null)))}).withConfig({displayName:"Tag",componentId:"sc-xhpuxb"})(we=we||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"])),vt={name:"tags",Component:ut,parse:qn};n.BaseTextField=N,n.BlocksFieldPlugin=Xe,n.ColorField=Ze,n.ColorFieldPlugin=$e,n.ColorPicker=j,n.Cover=K,n.FieldDescription=jn,n.FieldMeta=Cn,n.Group=Sn,n.GroupField=function(n){return g.createElement("div",null,"Subfield: ",n.field.label||n.field.name)},n.GroupFieldPlugin=Ee,n.GroupLabel=Fe,n.GroupListFieldPlugin=Ge,n.GroupListHeader=Ie,n.GroupListMeta=De,n.GroupPanel=Mn,n.ImageField=nt,n.ImageFieldPlugin=et,n.ImageUpload=an,n.Input=D,n.InputCss=I,n.NumberField=tt,n.NumberFieldPlugin=rt,n.NumberInput=rn,n.PanelBody=Rn,n.PanelHeader=Ln,n.Popover=W,n.Select=S,n.SelectField=at,n.SelectFieldPlugin=it,n.Swatch=U,n.TagsField=ut,n.TagsFieldPlugin=vt,n.TextArea=P,n.TextField=st,n.TextFieldPlugin=ct,n.TextareaField=ot,n.TextareaFieldPlugin=lt,n.Toggle=A,n.ToggleField=dt,n.ToggleFieldPlugin=pt,n.wrapFieldsWithMeta=kn,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/react-forms"),require("@tinacms/form-builder"),require("react-beautiful-dnd"),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/react-forms","@tinacms/form-builder","react-beautiful-dnd","@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.reactForms,n.formBuilder,n.reactBeautifulDnd,n.reactCore)}(this,function(n,e,g,m,t,r,c,d,u,f,p,v,s){"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 b(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())})}function y(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 o,l,w,E,k,C,z,F,I=e.css(l=l||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(o=o||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    "]))}),D=a.input.withConfig({displayName:"Input",componentId:"sc-lg4wxu"})(w=w||i(["\n  ","\n"],["\n  ","\n"]),I),N=a.input.withConfig({displayName:"BaseTextField",componentId:"sc-179abbl"})(E=E||i(["\n  ","\n"],["\n  ","\n"]),I),P=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"]),I);(F=z=z||{}).Hex="hex",F.RGB="rgb";function B(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 j(n){var e=n.colorFormat,t=n.userColors,r=void 0===t?J:t,a=n.widget,i=void 0===a?"sketch":a,o=n.input,l=Q[i];if(!l)throw new Error("You must specify a widget type.");var s=g.useState(!1),c=s[0],d=s[1],p=(e||z.Hex).toLowerCase(),u=o.value?_[p].parse(o.value):null;return g.createElement(g.Fragment,null,g.createElement(U,{onClick:function(){return d(!c)},colorRGBA:u,colorFormat:p}),c&&g.createElement(W,null,g.createElement(m.Dismissible,{click:!0,escape:!0,disabled:!c,onDismiss:function(){return d(!1)}},g.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,[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?_[p].getValue(e):null)},disableAlpha:!0,width:"240px"}))))}function A(n){var e=!(!n.input.value&&!n.input.checked);return g.createElement(X,null,g.createElement(nn,h({id:n.name,type:"checkbox"},n.input)),g.createElement(Z,{htmlFor:n.name,role:"switch",disabled:n.disabled},g.createElement($,{checked:e},g.createElement("span",null))))}function S(n){var e=n.input,t=n.field,r=n.options||t.options;return g.createElement(fn,null,g.createElement("select",h({id:e.name,value:e.value,onChange:e.onChange},e),r?r.map(en).map(tn):g.createElement("option",null,e.value)))}var T,G,L,H,M,R,q,O,_=((C={})[z.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:B},C[z.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:B},C),U=a(function(n){var e=n.colorRGBA,t=n.colorFormat,r=(n.unselectable,x(n,["colorRGBA","colorFormat","unselectable"]));return g.createElement("div",h({},r),g.createElement("div",{className:"swatch-inner"},e?_[t].getLabel(e):"Click to add color"))}).withConfig({displayName:"Swatch",componentId:"sc-en2mi4"})(T=T||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)}),V=e.keyframes(G=G||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"])),W=a.div.withConfig({displayName:"Popover",componentId:"sc-1hjmdgw"})(L=L||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"]),V),K=a.div.withConfig({displayName:"Cover",componentId:"sc-5kmbeh"})(H=H||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"])),Y="transparent",J=["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],Q={sketch:function(n){return g.createElement(t.SketchPicker,{presetColors:n.presetColors,color:n.color,onChange:n.onChange,disableAlpha:n.disableAlpha,width:n.width})},block:function(n){return g.createElement(t.BlockPicker,{colors:n.presetColors,color:n.color,onChange:n.onChange,width:n.width})}},X=a.div.withConfig({displayName:"ToggleElement",componentId:"sc-uojt3t"})(M=M||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"])),Z=a.label.withConfig({displayName:"ToggleLabel",componentId:"sc-3k30ey"})(R=R||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"}),$=a.div.withConfig({displayName:"ToggleSwitch",componentId:"sc-1c99jht"})(q=q||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"}),nn=a.input.withConfig({displayName:"ToggleInput",componentId:"sc-1qup7ju"})(O=O||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 en(n){return"object"==typeof n?n:{value:n,label:n}}function tn(n){return g.createElement("option",{key:n.value,value:n.value},n.label)}function rn(n){var e=n.onChange,t=n.value,r=n.step;return g.createElement(D,{type:"number",step:r,value:t,onChange:e})}function an(n){var e=n.onDrop,t=n.onClear,r=n.value,a=n.previewSrc,i=n.loading,o=c.useDropzone({accept:"image/*",onDrop:e}),l=o.getRootProps,s=o.getInputProps;return g.createElement(vn,h({},l()),g.createElement("input",h({},s())),r?g.createElement(yn,null,i?g.createElement(wn,null):g.createElement(g.Fragment,null,g.createElement(xn,{src:a}),t&&g.createElement(bn,{onClick:function(n){n.stopPropagation(),t()}},g.createElement(u.TrashIcon,null)))):g.createElement(hn,null,"Drag 'n' drop some files here,",g.createElement("br",null),"or click to select files"))}var on,ln,sn,cn,dn,pn,un,gn,mn,fn=a.div.withConfig({displayName:"SelectElement",componentId:"sc-exahe8"})(on=on||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    &:hover {\n      box-shadow: 0 0 0 2px var(--tina-color-grey-3);\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 2px var(--tina-color-primary);\n    }\n  }\n\n  select:-moz-focusring,\n  select::-moz-focus-inner {\n    color: transparent;\n    text-shadow: 0 0 0 #000;\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    &:hover {\n      box-shadow: 0 0 0 2px var(--tina-color-grey-3);\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 2px var(--tina-color-primary);\n    }\n  }\n\n  select:-moz-focusring,\n  select::-moz-focus-inner {\n    color: transparent;\n    text-shadow: 0 0 0 #000;\n  }\n"])),vn=a.div.withConfig({displayName:"DropArea",componentId:"sc-10mgiks"})(ln=ln||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"])),hn=a.div.withConfig({displayName:"ImgPlaceholder",componentId:"sc-do3q3q"})(sn=sn||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\n  transition: all 85ms ease-out;\n  &:hover {\n    opacity: 0.6;\n  }\n"])),xn=a.img.withConfig({displayName:"StyledImage",componentId:"sc-6btb8n"})(pn=pn||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(cn=cn||i(["\n          background-image: none;\n        "],["\n          background-image: none;\n        "])):e.css(dn=dn||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        "]))}),bn=a(d.IconButton).withConfig({displayName:"DeleteButton",componentId:"sc-1dcbeyi"})(un=un||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"])),yn=a.div.withConfig({displayName:"StyledImageContainer",componentId:"sc-10590j4"})(gn=gn||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"]),xn),wn=function(){return g.createElement(En,null,g.createElement(f.LoadingDots,null))},En=a.div.withConfig({displayName:"ImageLoaderWrapper",componentId:"sc-1su3ym4"})(mn=mn||i(["\n  padding: 1rem;\n  width: 100%;\n  min-height: 6rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"],["\n  padding: 1rem;\n  width: 100%;\n  min-height: 6rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"]));function kn(e){return function(n){return g.createElement(Cn,{name:n.input.name,label:n.field.label,description:n.field.description,error:n.meta.error},g.createElement(e,h({},n)))}}function Cn(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 g.createElement(Pn,{margin:o},g.createElement(Bn,{htmlFor:e},t||e,r&&g.createElement(jn,null,r)),l,a&&g.createElement(An,null,a))}var zn,Fn,In,Dn,Nn,Pn=a.div.withConfig({displayName:"FieldWrapper",componentId:"sc-1frw1ic"})(Fn=Fn||i(["\n  position: relative;\n\n  ",";\n"],["\n  position: relative;\n\n  ",";\n"]),function(n){return n.margin&&e.css(zn=zn||i(["\n      margin-bottom: var(--tina-padding-big);\n    "],["\n      margin-bottom: var(--tina-padding-big);\n    "]))}),Bn=a.label.withConfig({displayName:"FieldLabel",componentId:"sc-kpki66"})(In=In||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"])),jn=a.p.withConfig({displayName:"FieldDescription",componentId:"sc-kyuv0c"})(Dn=Dn||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"])),An=a.span.withConfig({displayName:"FieldError",componentId:"sc-1wd9zf8"})(Nn=Nn||i(["\n  display: block;\n  color: red;\n  font-size: var(--tina-font-size-1);\n  margin-top: 8px;\n  font-weight: var(--tina-font-weight-regular);\n"],["\n  display: block;\n  color: red;\n  font-size: var(--tina-font-size-1);\n  margin-top: 8px;\n  font-weight: var(--tina-font-weight-regular);\n"])),Sn=kn(function(n){var e=n.tinaForm,t=n.field,r=g.useState(!1),a=r[0],i=r[1];return g.createElement(g.Fragment,null,g.createElement(Gn,{onClick:function(){return i(function(n){return!n})}},t.label||t.name,g.createElement(u.RightArrowIcon,null)),g.createElement(Tn,{isExpanded:a,setExpanded:i,field:t,tinaForm:e}))}),Tn=function(n){var e=n.setExpanded,t=n.isExpanded,r=n.tinaForm,a=n.field,i=f.useFormPortal(),o=g.useMemo(function(){return a.fields.map(function(n){return h(h({},n),{name:a.name+"."+n.name})})},[a.fields,a.name]);return g.createElement(i,null,g.createElement(Rn,{isExpanded:t},g.createElement(Ln,{onClick:function(){return e(!1)}},g.createElement(u.LeftArrowIcon,null)," ",g.createElement("span",null,a.label||a.name)),g.createElement(Hn,null,t?g.createElement(p.FieldsBuilder,{form:r,fields:o}):null)))},Gn=a.div.withConfig({displayName:"Header",componentId:"sc-gn6gb4"})(On=On||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"])),Ln=a.div.withConfig({displayName:"PanelHeader",componentId:"sc-14yjils"})(_n=_n||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"])),Hn=a.div.withConfig({displayName:"PanelBody",componentId:"sc-1dpiq97"})(Un=Un||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"])),Mn=e.keyframes(Vn=Vn||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"])),Rn=a.div.withConfig({displayName:"GroupPanel",componentId:"sc-1mqtfsb"})(Yn=Yn||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(Wn=Wn||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      "]),Mn)},function(n){return!n.isExpanded&&e.css(Kn=Kn||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 qn(n){return n||""}var 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,ge,me,fe,ve,he,xe,be,ye,we,Ee={name:"group",Component:Sn},ke=function(){return g.createElement(Pe,null,"There are no items")},Ce=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=f.useFormPortal(),l=g.useState(!1),s=l[0],c=l[1],d=g.useCallback(function(){t.mutators.remove(r.name,a)},[t,r,a]),p=e||(r.label||r.name)+" Item";return g.createElement(v.Draggable,{type:r.name,draggableId:r.name+"."+a,index:a},function(n,e){return g.createElement(g.Fragment,null,g.createElement(je,h({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps,i),g.createElement(Se,null),g.createElement(ze,{onClick:function(){return c(!0)}},g.createElement(Fe,null,p)),g.createElement(Ae,{onClick:d},g.createElement(u.TrashIcon,null))),g.createElement(o,null,g.createElement(Te,{isExpanded:s,setExpanded:c,field:r,index:a,tinaForm:t,itemTitle:p})))})},ze=a.div.withConfig({displayName:"ItemClickTarget",componentId:"sc-f2s2jb"})(Jn=Jn||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"])),Fe=a.span.withConfig({displayName:"GroupLabel",componentId:"sc-1xm9m52"})(Xn=Xn||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(Qn=Qn||i(["\n      color: var(--tina-color-error) !important;\n    "],["\n      color: var(--tina-color-error) !important;\n    "]))}),Ie=a.div.withConfig({displayName:"GroupListHeader",componentId:"sc-2gg5me"})(Zn=Zn||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"]),jn),De=a.div.withConfig({displayName:"GroupListMeta",componentId:"sc-cuc5w"})($n=$n||i(["\n  line-height: 1;\n"],["\n  line-height: 1;\n"])),Ne=a.div.withConfig({displayName:"GroupListPanel",componentId:"sc-1n9pz25"})(ne=ne||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"])),Pe=a.div.withConfig({displayName:"EmptyList",componentId:"sc-as4ipn"})(ee=ee||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\n"])),Be=a.div.withConfig({displayName:"ItemList",componentId:"sc-10iwsnx"})(te=te||i([""],[""])),je=a.div.withConfig({displayName:"ItemHeader",componentId:"sc-qm41so"})(ae=ae||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\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"]),Fe,Fe,function(n){return n.isDragging&&e.css(re=re||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    "]),Fe,Se)}),Ae=a.button.withConfig({displayName:"DeleteButton",componentId:"sc-6sbxj0"})(ie=ie||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"])),Se=a(function(n){var e=x(n,[]);return g.createElement("div",h({},e),g.createElement(u.DragIcon,null),g.createElement(u.ReorderIcon,null))}).withConfig({displayName:"DragHandle",componentId:"sc-m7fqse"})(oe=oe||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"])),Te=function(n){var e=n.setExpanded,t=n.isExpanded,r=n.tinaForm,a=n.field,i=n.index,o=n.itemTitle,l=g.useMemo(function(){return a.fields.map(function(n){return h(h({},n),{name:a.name+"."+i+"."+n.name})})},[a.fields,a.name,i]);return g.createElement(Rn,{isExpanded:t},g.createElement(Ln,{onClick:function(){return e(!1)}},g.createElement(u.LeftArrowIcon,null),g.createElement(Fe,null,o)),g.createElement(Hn,null,t?g.createElement(p.FieldsBuilder,{form:r,fields:l}):null))},Ge={name:"group-list",Component:function(n){var t=n.tinaForm,e=n.form,r=n.field,a=n.input,i=g.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=g.useCallback(function(n){return r.itemProps?r.itemProps(n):{}},[r.itemProps]);return g.createElement(g.Fragment,null,g.createElement(Ie,null,g.createElement(De,null,g.createElement(Fe,null,r.label||r.name),r.description&&g.createElement(jn,null,r.description)),g.createElement(d.IconButton,{onClick:i,primary:!0,small:!0},g.createElement(u.AddIcon,null))),g.createElement(Ne,null,g.createElement(Be,null,g.createElement(v.Droppable,{droppableId:r.name,type:r.name},function(n){return g.createElement("div",{ref:n.innerRef},0===o.length&&g.createElement(ke,null),o.map(function(n,e){return g.createElement(Ce,h({key:e,tinaForm:t,field:r,item:n,index:e},l(n)))}),n.placeholder)}))))}},Le=function(){return g.createElement(Re,null,"There are no items")},He=function(n){var t=n.label,r=n.tinaForm,a=n.field,i=n.index,o=n.template,l=n.block,s=f.useFormPortal(),e=g.useState(!1),c=e[0],d=e[1],p=g.useCallback(function(){r.mutators.remove(a.name,i)},[r,a,i]);return g.createElement(v.Draggable,{key:i,type:a.name,draggableId:a.name+"."+i,index:i},function(n,e){return g.createElement(g.Fragment,null,g.createElement(Ke,h({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps),g.createElement(Je,null),g.createElement(Ue,{onClick:function(){return d(!0)}},g.createElement(Fe,null,t||o.label)),g.createElement(Ye,{onClick:p},g.createElement(u.TrashIcon,null))),g.createElement(s,null,g.createElement(Qe,{isExpanded:c,setExpanded:d,field:a,item:l,index:i,tinaForm:r,label:t||o.label,template:o})))})},Me=function(n){var e=n.tinaForm,t=n.field,r=n.index,a=g.useCallback(function(){e.mutators.remove(t.name,r)},[e,t,r]);return g.createElement(v.Draggable,{key:r,type:t.name,draggableId:t.name+"."+r,index:r},function(n,e){return g.createElement(Ke,h({ref:n.innerRef,isDragging:e.isDragging},n.draggableProps,n.dragHandleProps),g.createElement(Je,null),g.createElement(Ue,null,g.createElement(Fe,{error:!0},"Invalid Block")),g.createElement(Ye,{onClick:a},g.createElement(u.TrashIcon,null)))})},Re=a.div.withConfig({displayName:"EmptyList",componentId:"sc-1r10bac"})(le=le||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\n"])),qe=a.div.withConfig({displayName:"BlockMenu",componentId:"sc-6b98k6"})(ce=ce||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(se=se||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    "]))}),Oe=a.div.withConfig({displayName:"BlockMenuList",componentId:"sc-1nyy6e7"})(de=de||i(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])),_e=a.button.withConfig({displayName:"BlockOption",componentId:"sc-4izele"})(pe=pe||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\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"])),Ue=a.div.withConfig({displayName:"ItemClickTarget",componentId:"sc-1hyr910"})(ue=ue||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"])),Ve=a.div.withConfig({displayName:"GroupListPanel",componentId:"sc-1k84d3v"})(ge=ge||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"])),We=a.div.withConfig({displayName:"ItemList",componentId:"sc-1hwbkec"})(me=me||i([""],[""])),Ke=a.div.withConfig({displayName:"ItemHeader",componentId:"sc-15jdhoa"})(ve=ve||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: var(--tina-font-weight-regular);\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: var(--tina-font-weight-regular);\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"]),Fe,Fe,function(n){return n.isDragging&&e.css(fe=fe||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    "]),Fe,Je)}),Ye=a.button.withConfig({displayName:"DeleteButton",componentId:"sc-xg3nc8"})(he=he||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"])),Je=a(function(n){var e=x(n,[]);return g.createElement("div",h({},e),g.createElement(u.DragIcon,null),g.createElement(u.ReorderIcon,null))}).withConfig({displayName:"DragHandle",componentId:"sc-1nik2oj"})(xe=xe||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"])),Qe=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=g.useMemo(function(){return l.fields?l.fields.map(function(n){return h(h({},n),{name:a.name+"."+i+"."+n.name})}):[]},[a.name,i,l.fields]);return g.createElement(Rn,{isExpanded:t},g.createElement(Ln,{onClick:function(){return e(!1)}},g.createElement(u.LeftArrowIcon,null),g.createElement(Fe,null,o)),g.createElement(Hn,null,t?g.createElement(p.FieldsBuilder,{form:r,fields:s}):null))},Xe={name:"blocks",Component:function(n){var a=n.tinaForm,r=n.form,i=n.field,e=n.input,o=g.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=g.useState(!1),s=l[0],c=l[1];return g.createElement(g.Fragment,null,g.createElement(Ie,null,g.createElement(De,null,g.createElement(Fe,null,i.label||i.name),i.description&&g.createElement(jn,null,i.description)),g.createElement(d.IconButton,{onClick:function(){return c(!0)},open:s,primary:!0,small:!0},g.createElement(u.AddIcon,null)),g.createElement(qe,{open:s},g.createElement(m.Dismissible,{click:!0,escape:!0,onDismiss:function(){return c(!1)},disabled:!s},g.createElement(Oe,null,Object.entries(i.templates).map(function(n){var e=n[0],t=n[1];return g.createElement(_e,{key:e,onClick:function(){o(e,t),c(!1)}},t.label)}))))),g.createElement(Ve,null,g.createElement(We,null,g.createElement(v.Droppable,{droppableId:i.name,type:i.name},function(n){return g.createElement("div",{ref:n.innerRef,className:"edit-page--list-parent"},0===t.length&&g.createElement(Le,null),t.map(function(n,e){var t=i.templates[n._template];if(!t)return g.createElement(Me,{key:e,index:e,field:i,tinaForm:a});var r;return g.createElement(He,h({key:e,block:n,template:t,index:e,field:i,tinaForm:a},(r=n,t.itemProps?t.itemProps(r):{})))}),n.placeholder)}))))}},Ze=kn(function(n){var e=n.input,t=n.field;return g.createElement(j,{colorFormat:t.colorFormat,userColors:t.colors,widget:t.widget,input:e})}),$e={name:"color",Component:Ze,parse:qn},nt=kn(function(a){var i=s.useCMS(),n=g.useState(!0),e=n[0],o=n[1],t=g.useState(""),r=t[0],l=t[1];return g.useEffect(function(){var r=!1;return b(void 0,void 0,void 0,function(){var e,t;return y(this,function(n){switch(n.label){case 0:o(!0),e="",n.label=1;case 1:return n.trys.push([1,3,,4]),[4,a.field.previewSrc(a.form.getState().values,a)];case 2:return e=n.sent(),[3,4];case 3:return t=n.sent(),r||(l(""),i.alerts.error("Failed to generate preview for '"+a.field.name+"': "+t.message)),[3,4];case 4:return r||l(e),o(!1),[2]}})}),function(){r=!0}},[a.input.value]),g.createElement(an,{value:a.input.value,previewSrc:r,loading:e,onDrop:function(n){var r=n[0];return b(void 0,void 0,void 0,function(){var e,t;return y(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("")}})}),et={name:"image",Component:nt,parse:qn},tt=kn(function(n){var e=n.input,t=n.field;return g.createElement(rn,h({},e,{step:t.step}))}),rt={name:"number",Component:tt,parse:function(n){return n&&+n}},at=kn(S),it={name:"select",type:"select",Component:at,parse:qn},ot=kn(function(n){var e=n.input;return g.createElement(P,h({},e))}),lt={name:"textarea",Component:ot,parse:qn},st=kn(function(n){var e=n.input,t=n.field;return g.createElement(N,h({},e,{placeholder:t.placeholder}))}),ct={name:"text",Component:st,validate:function(n,e,t,r){if(r.required&&!n)return"Required"},parse:qn},dt=kn(A),pt={name:"toggle",type:"checkbox",Component:dt},ut=kn(function(n){var e=n.input,r=n.field,a=n.form,t=n.tinaForm,i=g.useState(""),o=i[0],l=i[1],s=g.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 g.createElement(g.Fragment,null,g.createElement(N,{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))}}),g.createElement(mt,null,c.map(function(n,e){return g.createElement(ft,{key:n,tinaForm:t,field:r,index:e},n)})))}),gt=a.button.withConfig({displayName:"DeleteButton",componentId:"sc-yt7wa"})(be=be||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"])),mt=a.span.withConfig({displayName:"TagGrid",componentId:"sc-889c9u"})(ye=ye||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"])),ft=a(function(n){var e=n.tinaForm,t=n.field,r=n.index,a=n.children,i=x(n,["tinaForm","field","index","children"]),o=g.useCallback(function(){e.mutators.remove(t.name,r)},[e,t,r]);return g.createElement("span",h({},i),g.createElement("span",null,a),g.createElement(gt,{onClick:o},g.createElement(u.CloseIcon,null)))}).withConfig({displayName:"Tag",componentId:"sc-xhpuxb"})(we=we||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"])),vt={name:"tags",Component:ut,parse:qn};n.BaseTextField=N,n.BlocksFieldPlugin=Xe,n.ColorField=Ze,n.ColorFieldPlugin=$e,n.ColorPicker=j,n.Cover=K,n.FieldDescription=jn,n.FieldMeta=Cn,n.Group=Sn,n.GroupField=function(n){return g.createElement("div",null,"Subfield: ",n.field.label||n.field.name)},n.GroupFieldPlugin=Ee,n.GroupLabel=Fe,n.GroupListFieldPlugin=Ge,n.GroupListHeader=Ie,n.GroupListMeta=De,n.GroupPanel=Rn,n.ImageField=nt,n.ImageFieldPlugin=et,n.ImageUpload=an,n.Input=D,n.InputCss=I,n.NumberField=tt,n.NumberFieldPlugin=rt,n.NumberInput=rn,n.PanelBody=Hn,n.PanelHeader=Ln,n.Popover=W,n.Select=S,n.SelectField=at,n.SelectFieldPlugin=it,n.Swatch=U,n.TagsField=ut,n.TagsFieldPlugin=vt,n.TextArea=P,n.TextField=st,n.TextFieldPlugin=ct,n.TextareaField=ot,n.TextareaFieldPlugin=lt,n.Toggle=A,n.ToggleField=dt,n.ToggleFieldPlugin=pt,n.wrapFieldsWithMeta=kn,Object.defineProperty(n,"__esModule",{value:!0})});

build/plugins/BlocksFieldPlugin.d.ts

@@ -27,3 +27,2 @@ /**
 export interface BlockTemplate {
-    type: string;
     label: string;
@@ -30,0 +29,0 @@ defaultItem?: object | (() => object);

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+# [0.12.0-alpha.1](https://github.com/tinacms/tinacms/compare/@tinacms/fields@0.12.0-alpha.0...@tinacms/fields@0.12.0-alpha.1) (2020-06-12)
+
+**Note:** Version bump only for package @tinacms/fields
+
+
+
+
+
 # [0.12.0-alpha.0](https://github.com/tinacms/tinacms/compare/@tinacms/fields@0.11.2...@tinacms/fields@0.12.0-alpha.0) (2020-06-08)
@@ -8,0 +16,0 @@

package.json

 {
   "name": "@tinacms/fields",
-  "version": "0.12.0-alpha.0",
+  "version": "0.12.0-alpha.1",
   "main": "build/index.js",
@@ -37,5 +37,5 @@ "types": "build/index.d.ts",
     "@tinacms/forms": "^0.6.0",
-    "@tinacms/icons": "^0.13.0",
+    "@tinacms/icons": "^0.14.0-alpha.0",
     "@tinacms/react-core": "^0.3.0",
-    "@tinacms/react-forms": "^0.1.8",
+    "@tinacms/react-forms": "^0.2.0-alpha.0",
     "@tinacms/scripts": "^0.1.13",
@@ -60,3 +60,3 @@ "@tinacms/styles": "^0.5.1",
     "react-color": "^2.17.3",
-    "react-dismissible": "^1.2.0",
+    "react-dismissible": "^1.3.0-alpha.0",
     "react-dropzone": "10.1.8"
@@ -69,3 +69,3 @@ },
   },
-  "gitHead": "d605fba09455bb6d74acb60e871da3cb0c8d6f6e"
+  "gitHead": "0ee4148ca01e352984b3552656d50d009125fd28"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

126261

increased by0.53%

Lines of code

946

increased by0.11%

Dependency changes

• Updatedreact-dismissible@^1.3.0-alpha.0