slice-machine-ui 2.0.1-beta.1 → 2.0.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/out/404.html +1 -1
  2. package/out/_next/static/{epV2cq-YjvhOopNYVMo03 → X7RwXU9287GEnS_otxfnK}/_buildManifest.js +1 -1
  3. package/out/_next/static/chunks/{188-2e42d5ebef697946.js → 188-9180e5802623e311.js} +1 -1
  4. package/out/_next/static/chunks/661-aa0b760bb52a7edf.js +1 -0
  5. package/out/_next/static/chunks/pages/{_app-f2b83c502f8f8101.js → _app-7ba0e41a9a238e84.js} +1 -1
  6. package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/{[variation]-ad66e6c755798ce7.js → [variation]-b26298f5ac9df335.js} +1 -1
  7. package/out/_next/static/css/8d1871dce67a3b49.css +1 -0
  8. package/out/_next/static/css/a6b6600e19e1c0c1.css +1 -0
  9. package/out/changelog.html +1 -1
  10. package/out/changes.html +1 -1
  11. package/out/custom-types/[customTypeId].html +1 -1
  12. package/out/custom-types.html +1 -1
  13. package/out/index.html +1 -1
  14. package/out/labs.html +1 -1
  15. package/out/page-types/[pageTypeId].html +1 -1
  16. package/out/settings.html +1 -1
  17. package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
  18. package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
  19. package/out/slices.html +1 -1
  20. package/package.json +3 -3
  21. package/src/components/List/List.module.css +60 -0
  22. package/src/components/List/List.module.css.d.ts +12 -0
  23. package/src/components/List/List.stories.tsx +3 -1
  24. package/src/components/List/List.tsx +13 -4
  25. package/src/legacy/lib/builders/CustomTypeBuilder/TabZone/index.tsx +1 -1
  26. package/out/_next/static/chunks/661-78c8c89d258133b8.js +0 -1
  27. package/out/_next/static/css/824d6e761aed01d2.css +0 -1
  28. package/out/_next/static/css/e3ffbc7931a47375.css +0 -1
  29. package/src/components/List/List.css.ts +0 -80
  30. /package/out/_next/static/{epV2cq-YjvhOopNYVMo03 → X7RwXU9287GEnS_otxfnK}/_ssgManifest.js +0 -0
package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/{[variation]-ad66e6c755798ce7.js → [variation]-b26298f5ac9df335.js} RENAMED
@@ -1 +1 @@
1
- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[136],{31314:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]",function(){return t(42098)}])},25998:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});var i=t(5632),r=t(56580),o=t(95200),a=function(e,n,t){var i,r=null===(i=(0,o.Sd)(e))||void 0===i?void 0:i.find(function(e){return e.name.replace(/\//g,"--")===n});return null==r?void 0:r.components.find(function(e){return e.model.name===t})},s=function(){var e=(0,i.useRouter)(),n=(0,r.v9)(function(n){return{slice:a(n,e.query.lib,e.query.sliceName)}}).slice;if(!n)return{};var t=n.model.variations.find(function(n){return n.id===e.query.variation});return t?{slice:n,variation:t}:{}}},42098:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return eD}});var i=t(52322),r=t(97729),o=t.n(r),a=t(5632),s=t(22710),l=t(62230),c=t(85244),u=t(99267),d=t(74217),f=t(2784),m=t(82770),h=t(50950),p=t(26921),v=t(90374),x=(0,f.createContext)(void 0);function y(e){var n=e.children,t=e.initialSlice,r=(0,a.useRouter)(),o=(0,f.useState)(t),y=o[0],g=o[1],j=(0,p.c)({errorMessage:"Failed to save slice. Check your browser's console for more information."}),b=j.actionQueueStatus,w=j.setNextAction,S=(0,v.Z)().saveSliceSuccess,C=(0,d.R9)(S),k=(0,h.g)().syncChanges,I=(0,f.useMemo)(function(){var e=r.query.variation,n=y.model.variations.find(function(n){return n.id===e});if(n)return n;throw Error("Variation not found")},[y,r]),T=(0,f.useCallback)(function(e){g(e),w((0,s.Z)(function(){var n,t,i,r,o;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return[4,(0,m.Ve)(e)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.pL)({libraryID:e.from,sliceID:e.model.id})];case 2:if(r=(i=n.sent()).errors,o=i.mocks,r.length>0)throw r;return C((0,c.Z)((0,l.Z)({},e),{mocks:o})),k(),[2]}})}))},[w,C,k]),R=(0,f.useMemo)(function(){return{actionQueueStatus:b,slice:y,setSlice:T,variation:I}},[b,y,T,I]);return(0,i.jsx)(x.Provider,{value:R,children:"function"==typeof n?n(R):n})}function g(){var e=(0,f.useContext)(x);if(!e)throw Error("SliceBuilderProvider not found");return e}var j=t(25998),b=t(22715),w=t(41730),S=t(47976),C=t(8564),k=t(18566),I=t(81038);function T(e){return R.apply(this,arguments)}function R(){return(R=(0,s.Z)(function(e){var n,t,i;return(0,u.__generator)(this,function(r){switch(r.label){case 0:return[4,I.j.customTypes.readCustomType({id:e})];case 1:if(t=(n=r.sent()).errors,i=n.model,t.length>0)throw t;return[2,i]}})})).apply(this,arguments)}var A=t(67445),E=t(64722),Z=t(20812),D=function(e){return(0,i.jsxs)("svg",(0,c.Z)((0,l.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,i.jsx)("path",{d:"M9.5 12L6 9.5L9.5 7V9.5V12Z",fill:"currentColor"}),(0,i.jsx)("path",{d:"M6 9.5H11C14.3 9.5 17 12.2 17 15.5V17.5M6 9.5L9.5 12V9.5V7L6 9.5Z",stroke:"currentColor",strokeLinecap:"round"})]}))},_=function(){var e,n,t=(e=(0,E.l)().source,n=(0,A.Ag)(e.query),void 0!==n&&(0,A.ne)(e.asPath,n)?n:void 0);return void 0!==t?(0,i.jsx)(C.S,{children:(0,i.jsx)(f.Suspense,{children:(0,i.jsx)(b.xu,{bottom:32,justifyContent:"center",position:"fixed",right:0,width:"100vw",children:(0,i.jsx)(N,{sourceCustomTypeId:t})})})}):null},N=function(e){var n,t=(n=e.sourceCustomTypeId,(0,k.QT)(T,[n])),r=(0,f.useState)(!0),o=r[0],s=r[1],l=(0,a.useRouter)();if(void 0===t||!o)return null;var c=t.format,u=t.id,d=A.cd[c].getBuilderPagePathname(u);return(0,i.jsxs)(b.hE,{density:"compact",color:"dark",children:[(0,i.jsxs)(b.zx,{onClick:function(){l.push(d)},renderStartIcon:function(){return(0,i.jsx)(D,{})},children:["Return to ",t.label]}),(0,i.jsx)(b.zx,{onClick:function(){s(!1)},renderStartIcon:function(){return(0,i.jsx)(Z.T,{})}})]})},L=t(38562),V=t(56580),O=t(33710),F=t(51991),z=t(42189),M=t(63094),P=t(17036),K=function(e){var n=e.children,t=e.open,r=e.onClose;return(0,i.jsxs)(F.zs,{open:t,trigger:n,onClose:r,children:[(0,i.jsx)(F.Ev,{children:"Simulate your slices"}),(0,i.jsx)(F.LB,{component:"video",cloudName:"dmtf1daqp",loop:!1,autoPlay:!1,publicId:M.Sn,poster:"/simulator-video-thumbnail.png",controls:!0,onPlay:function(){m.Xe.track({event:"open-video-tutorials",video:M.Sn})}}),(0,i.jsx)(F.OJ,{children:"Minimize context-switching by previewing your Slice components in the simulator."}),(0,i.jsx)(F.Rp,{children:"Got it"})]})},q=function(e){var n=e.disabled,t=(0,a.useRouter)(),r=(0,f.useRef)(null),o=(0,v.Z)().setSeenSimulatorToolTip,s=(0,V.v9)(function(e){return{hasSeenSimulatorTooltip:(0,P.bv)(e)}}).hasSeenSimulatorTooltip;(0,f.useEffect)(function(){var e=r.current;e&&!s&&setTimeout(function(){return O.Z.show(e)},5e3)},[s]);var l=function(){if(o(),r.current){var e=r.current;O.Z.hide(e)}};return(0,i.jsx)("span",{"data-tip":!0,"data-tip-disable":!1,"data-for":"simulator-button-tooltip",ref:r,children:(0,i.jsx)(K,{open:!s,onClose:l,children:(0,i.jsx)(b.zx,{"data-tip":!0,"data-testid":"simulator-open-button",onClick:function(){l(),window.open("".concat(t.asPath,"/simulator"),M.pq)},disabled:n,renderStartIcon:function(){return(0,i.jsx)(z.z,{color:b.TV.color.greyLight1,height:b.TV.size[24],style:{transform:"scale(calc(4 / 3))"},width:b.TV.size[24]})},children:"Simulate"})})})},B=t(88866),H=t(28316),X=t(28173),W=t(5479),G=t(73393),U=t(79560),Q=t(24244),Y=t(23373),J=t(36195),$=t(52586),ee=[$.Group,$.StructuredText,$.Image,$.Link,$.LinkToMedia,$.ContentRelationship,$.Select,$.Boolean,$.Date,$.Timestamp,$.Embed,$.Number,$.GeoPoint,$.Color,$.Text,],en=t(13302),et=t(17384),ei=t(9461),er=function(){var e=g(),n=e.slice,t=e.setSlice,r=e.variation,o=(0,f.useState)(!1),a=o[0],s=o[1],l=Boolean(r.items&&Object.keys(r.items).length>0),c=function(e){return function(i){if(e===Y.Rt.Items&&r.items&&Object.keys(r.items).length<=1){s(!0);return}var o=(0,W.AK)({slice:n,variationId:r.id,widgetArea:e,fieldId:i});t(o)}},u=function(e){return function(i){var o=i.apiId,a=i.newKey,s=i.value,l=(0,W.L4)({slice:n,variationId:r.id,widgetArea:e,previousFieldId:o,newFieldId:a,newField:s});t(l)}},d=function(e){return function(i){var o=i.id,a=i.label,s=i.widgetTypeName,l=ee.find(function(e){return e.CUSTOM_NAME===s||e.TYPE_NAME===s});if(!l)throw Error("Unsupported Field Type: ".concat(s));var c=l.create(a);try{l.schema.validateSync(c,{stripUnknown:!1})}catch(u){throw Error('Model is invalid for widget "'.concat(c.type,'".'))}var d=(0,W.xS)({slice:n,variationId:r.id,widgetArea:e,newFieldId:o,newField:c.type===B.GroupFieldType?Q.Fl.fromSM(c):c});t(d),m.Xe.track({event:"field:added",id:o,name:a,type:c.type,isInAGroup:!1,contentType:(0,ei.T)(window.location.pathname)})}},h=function(e){return function(i){if(!(0,en.uS)(i)){var o=i.source,a=i.destination;if(a){var s=(0,W.gR)({slice:n,variationId:r.id,widgetArea:e,sourceIndex:o.index,destinationIndex:a.index});(0,H.flushSync)(function(){return t(s)})}}}},p=function(){var e=(0,W.Oh)({slice:n,variationId:r.id});t(e),s(!1)};return(0,i.jsxs)(X.aV,{children:[(0,i.jsx)(U.Z,{zoneType:"slice",zoneTypeFormat:void 0,tabId:void 0,title:"Fields",dataTip:" The non-repeatable zone\n is for fields<br/> that should appear once, like a<br/>\n section title.\n",fields:r.primary,EditModal:G.Z,widgetsArray:ee,onDeleteItem:c(Y.Rt.Primary),onSave:u(Y.Rt.Primary),onSaveNewField:d(Y.Rt.Primary),onDragEnd:h(Y.Rt.Primary),poolOfFieldsToCheck:r.primary||[],renderHintBase:function(e){var n=e.item;return"slice.primary".concat((0,et.Ti)(n.key))},renderFieldAccessor:function(e){return"slice.primary".concat((0,et.Ti)(e))},testId:"static-zone-content",isRepeatableCustomType:void 0,emptyStateHeading:void 0,emptyStateActionTestId:"add-Static-field"}),l?(0,i.jsx)(U.Z,{zoneType:"slice",zoneTypeFormat:void 0,tabId:void 0,isRepeatable:!0,title:"Repeatable Zone",dataTip:"The repeatable zone is for a group<br/>\n of fields that you want to be able to repeat an<br/>\n indeterminate number of times, like FAQs",widgetsArray:J.Z,fields:r.items,EditModal:G.Z,onDeleteItem:c(Y.Rt.Items),onSave:u(Y.Rt.Items),onSaveNewField:d(Y.Rt.Items),onDragEnd:h(Y.Rt.Items),poolOfFieldsToCheck:r.items||[],renderHintBase:function(e){var n=e.item;return"item".concat((0,et.Ti)(n.key))},renderFieldAccessor:function(e){return"slice.items[i]".concat((0,et.Ti)(e))},testId:"slice-repeatable-zone",isRepeatableCustomType:void 0,emptyStateHeading:"No fields",emptyStateActionTestId:"add-Repeatable-field"}):null,(0,i.jsxs)(b.Vq,{size:"small",open:a,onOpenChange:function(e){return s(e)},children:[(0,i.jsx)(b.fK,{icon:"delete",title:"Delete field"}),(0,i.jsxs)(b.cZ,{children:[(0,i.jsxs)(b.xu,{padding:24,gap:12,flexDirection:"column",children:[(0,i.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the"," ",n.model.name," slice."]}),(0,i.jsx)("div",{children:"To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]}),(0,i.jsx)(b.kX,{ok:{text:"Delete",color:"tomato",onClick:function(){return p()}},cancel:{text:"Cancel"}})]})]})]})},eo=t(88932),ea=t(61498),es=t(56319),el=t(49451),ec=t(47731);function eu(){return(eu=(0,s.Z)(function(e){var n,t,i,r,o,a,s,d,f,h,p,v;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return n.trys.push([0,6,,7]),[4,(0,m.Ve)(e.component)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.Xi)({libraryID:e.component.from,sliceID:e.component.model.id,variationID:e.variation.id})];case 2:if((r=n.sent().errors).length>0)throw r;return[4,(0,m.X$)(e.component.from,e.component.model.id)];case 3:if(a=(o=n.sent()).slice,(s=o.errors).length>0)throw s;if(!a)throw Error("Could not read variation `".concat(e.variation.name,"`"));return[4,(0,m.pL)({libraryID:e.component.from,sliceID:e.component.model.id})];case 4:return d=n.sent().mocks,f=el.Y.getBuilderPagePathname({libraryName:e.component.href,sliceName:a.name,variationId:a.variations[0].id}),[4,e.router.replace(f)];case 5:return n.sent(),h=(0,c.Z)((0,l.Z)({},e.component),{model:a,mocks:d}),e.saveSliceSuccess(h),[2,h];case 6:throw p=n.sent(),v="Could not delete variation `".concat(e.variation.name,"`"),console.error(v,p),eo.Am.error(v),p;case 7:return[2]}})})).apply(this,arguments)}var ed=function(e){var n=e.isOpen,t=e.onClose,r=e.slice,o=e.variation,l=(0,a.useRouter)(),c=(0,f.useState)(!1),d=c[0],m=c[1],h=(0,v.Z)().saveSliceSuccess,p=g().setSlice;return(0,i.jsxs)(b.Vq,{open:n,onOpenChange:function(e){return!e&&t()},size:{width:448,height:"auto"},children:[(0,i.jsx)(b.fK,{icon:"delete",title:"Delete variation"}),(0,i.jsx)(b.cZ,{children:(0,i.jsxs)(b.xu,{flexDirection:"column",children:[(0,i.jsxs)(b.xv,{color:"grey11",sx:{marginBlock:16,marginInline:16},children:["This action will remove the variation from the slice model and delete associated files. When you push your changes, the variation will disappear from your repository. This update will"," ",(0,i.jsx)(ef,{children:"not"})," affect your documents until you ",(0,i.jsx)(ef,{children:"edit"})," ","them manually."]}),(0,i.jsx)(b.kX,{ok:{text:"Delete",color:"tomato",onClick:function(){o&&(0,s.Z)(function(){var e;return(0,u.__generator)(this,function(e){switch(e.label){case 0:m(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,function(e){return eu.apply(this,arguments)}({component:r,router:l,saveSliceSuccess:h,variation:o})];case 2:return p(e.sent()),[3,4];case 3:return e.sent(),[3,4];case 4:return m(!1),t(),[2]}})})()},loading:d},cancel:{text:"Cancel"},size:"medium"})]})})]})},ef=function(e){return(0,i.jsx)(b.xv,(0,c.Z)((0,l.Z)({},e),{color:"inherit",component:"span",variant:"bold"}))},em=t(63397);function eh(){return(eh=(0,s.Z)(function(e){var n,t,i,r,o,a,s,d,f,h,p;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,(0,m.Ve)(e.component)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.eH)(e.component,(0,c.Z)((0,l.Z)({},e.variation),{name:e.variationName}))];case 2:if((r=n.sent().errors).length>0)throw r;return[4,(0,m.X$)(e.component.from,e.component.model.id)];case 3:if(a=(o=n.sent()).slice,(s=o.errors).length>0)throw s;if(!a)throw Error("Could not read variation `".concat(e.variation.name,"`"));return[4,(0,m.pL)({libraryID:e.component.from,sliceID:e.component.model.id})];case 4:return d=n.sent().mocks,f=(0,c.Z)((0,l.Z)({},e.component),{model:a,mocks:d}),e.saveSliceSuccess(f),[2,f];case 5:throw h=n.sent(),p="Could not rename variation `".concat(e.variation.name,"`"),console.error(p,h),eo.Am.error(p),h;case 6:return[2]}})})).apply(this,arguments)}var ep=t(83576),ev=t.n(ep),ex=function(e){var n,t,r=e.isOpen,o=e.onClose,a=e.slice,l=e.variation,c=(0,f.useState)(!1),d=c[0],m=c[1],h=g().setSlice,p=(0,v.Z)().saveSliceSuccess;return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(b.Vq,{open:r,onOpenChange:function(e){return!e&&o()},size:{width:448,height:"auto"},children:[(0,i.jsx)(b.fK,{icon:"edit",title:"Rename variation"}),(0,i.jsx)(b.cZ,{children:(0,i.jsx)(em.J9,{validateOnMount:!0,initialValues:{variationName:null!==(n=null==l?void 0:l.name)&&void 0!==n?n:""},validate:function(e){if(0===e.variationName.length)return{variationName:"Cannot be empty"}},onSubmit:(t=(0,s.Z)(function(e){var n;return(0,u.__generator)(this,function(n){switch(n.label){case 0:if(!l)return[2];m(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,function(e){return eh.apply(this,arguments)}({component:a,saveSliceSuccess:p,variation:l,variationName:e.variationName.trim()})];case 2:return h(n.sent()),[3,4];case 3:return n.sent(),[3,4];case 4:return m(!1),o(),[2]}})}),function(e){return t.apply(this,arguments)}),children:function(e){return(0,i.jsxs)("form",{children:[(0,i.jsxs)(b.xu,{flexDirection:"column",gap:8,padding:16,children:[(0,i.jsx)(b.xv,{variant:"normal",color:"grey11",children:"This action will rename the variation in the slice model. When you push your changes, the variation will be renamed in your repository."}),(0,i.jsxs)(b.xu,{flexDirection:"column",gap:4,children:[(0,i.jsxs)("label",{className:ev().label,children:[(0,i.jsx)(b.xv,{variant:"bold",children:"Variation name*"}),"string"==typeof e.errors.variationName?(0,i.jsx)(b.xv,{variant:"small",color:"tomato10",children:e.errors.variationName}):null]}),(0,i.jsx)(b.yt,{placeholder:"Variation name",error:"string"==typeof e.errors.variationName,value:e.values.variationName,onValueChange:function(n){e.setFieldValue("variationName",n.slice(0,30))}})]})]}),(0,i.jsx)(b.kX,{ok:{text:"Rename",onClick:function(){e.submitForm()},loading:d,disabled:!e.isValid},cancel:{text:"Cancel"},size:"medium"})]})}})})]})})},ey=t(12773),eg=t(76635),ej=t(36131),eb=t(75289),ew=t(98898),eS=function(e){var n=e.children,t=e.FooterContent,r=e.HeaderContent,o=e.close,a=e.sx,s=e.headerSx,c=void 0===s?{}:s;return(0,i.jsx)(ew.Z,{borderFooter:!0,footerSx:{p:0},bodySx:{pt:2,pb:4,px:4},sx:(0,l.Z)({border:"none"},void 0===a?{}:a),Header:function(e){var n=e.radius;return(0,i.jsxs)(eb.kC,{sx:(0,l.Z)({p:3,pl:4,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)}},c),children:[r,o?(0,i.jsx)(eb.x8,{onClick:o,type:"button"}):null]})},Footer:t?(0,i.jsxs)(eb.kC,{sx:{alignItems:"space-between",bg:"headSection",p:3},children:[(0,i.jsx)(eb.xu,{sx:{ml:"auto"}}),t]}):null,children:n})},eC=t(83399),ek=function(e){var n=e.msg;return(0,i.jsx)(eb.xv,{as:"span",sx:{fontSize:12,color:"error",mt:"5px",ml:2},children:n||"Error!"})},eI=function(e){var n=e.isOpen,t=e.onClose,r=e.onSubmit,o=e.initialVariation,a=e.variations,d=function(e){var n=e.id,t=e.name,i=e.origin,r=n&&n.length?null:{id:"Required!"},o=a.find(function(e){return e.id===n})?{id:"This id already exists!"}:null,s=t&&t.length?null:{name:"Required!"},c=i.value.length&&a.find(function(e){return e.id===i.value})?null:{id:"You must select an existing variation!"},u=n&&n.length&&!/^[A-Za-z0-9]+([A-Za-z0-9]+)*$/.exec(n)&&{id:"No special characters allowed"};return(0,l.Z)({},r,o,s,c,u)},m=function(e){C((0,eg.camelCase)(e))},h=function(e){E(e),I&&m(e)},p=function(e){T(!1),m(e)},v=function(){x(),t()},x=function(){C(""),E(""),j({}),T(!0),_({value:o.id,label:o.name})},y=(0,f.useState)({}),g=y[0],j=y[1],w=(0,f.useState)(""),S=w[0],C=w[1],k=(0,f.useState)(!0),I=k[0],T=k[1],R=(0,f.useState)(""),A=R[0],E=R[1],Z=(0,f.useState)({value:o.id,label:o.name}),D=Z[0],_=Z[1],N=(0,f.useState)(!1),L=N[0],V=N[1];function O(){return F.apply(this,arguments)}function F(){return(F=(0,s.Z)(function(){var e,n;return(0,u.__generator)(this,function(t){switch(t.label){case 0:if(!Object.keys(e=d({id:S,name:A,origin:D})).length)return[3,1];return j(e),[3,3];case 1:if(!(n=a.find(function(e){return e.id===D.value})))return[3,3];return V(!0),[4,r(S,A,n)];case 2:t.sent(),V(!1),v(),t.label=3;case 3:return[2]}})})).apply(this,arguments)}return(0,f.useEffect)(function(){x()},[o,n]),(0,i.jsx)(eC.Z,{isOpen:n,shouldCloseOnOverlayClick:!0,onRequestClose:function(){return v()},contentLabel:"Widget Form Modal",style:{content:{maxWidth:"700px"}},children:(0,i.jsx)(em.J9,{initialValues:{id:S,name:A,origin:D},onSubmit:O,children:(0,i.jsx)(em.l0,{id:"variation-add",onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),O())},children:(0,i.jsx)(b.xu,{children:(0,i.jsxs)(eS,{sx:{textAlign:"left"},HeaderContent:(0,i.jsx)(eb.xv,{as:"h2",children:"Add new Variation"}),FooterContent:(0,i.jsxs)(b.xu,{gap:16,alignItems:"center",children:[(0,i.jsx)(b.zx,{onClick:v,color:"grey",children:"Cancel"}),(0,i.jsx)(b.zx,{loading:L,children:"Submit"})]}),close:v,children:[(0,i.jsxs)(b.xu,{flexDirection:"column",padding:{block:16},children:[(0,i.jsxs)(eb.__,{htmlFor:"name",sx:{mb:1},children:["Variation name*",g.name?(0,i.jsx)(ek,{msg:g.name}):""]}),(0,i.jsx)(em.gN,{autoComplete:"off",id:"name",name:"name",placeholder:"e.g. Grid - With Icon",as:eb.II,maxLength:30,value:A,onChange:function(e){return h(e.currentTarget.value)}}),(0,i.jsx)(eb.xv,{children:"It will appear here in Slice Machine, and in the page editor in Prismic"})]}),(0,i.jsxs)(b.xu,{flexDirection:"column",padding:{bottom:16},children:[(0,i.jsxs)(eb.__,{htmlFor:"id",sx:{mb:1},children:["Variation ID*",g.id?(0,i.jsx)(ek,{msg:g.id}):""]}),(0,i.jsx)(em.gN,{autoComplete:"off",id:"id",name:"id",placeholder:"e.g. GridWithIcon",as:eb.II,maxLength:30,value:S,onChange:function(e){return p(e.currentTarget.value)}}),(0,i.jsx)(eb.xv,{children:"It's generated automatically based on the variation name and will appear in the API responses."})]}),(0,i.jsxs)(b.xu,{flexDirection:"column",padding:{bottom:8},children:[(0,i.jsx)(eb.__,{htmlFor:"origin",sx:{mb:1},children:"Duplicate from"}),(0,i.jsx)(ej.ZP,{name:"origin",options:a.map(function(e){return{value:e.id,label:e.name}}),onChange:function(e){e&&_(e)},defaultValue:D,maxMenuHeight:150,theme:function(e){return(0,c.Z)((0,l.Z)({},e),{colors:(0,c.Z)((0,l.Z)({},e.colors),{text:"text",primary:"background"})})}})]})]})})})})})},eT=t(59881),eR=t.n(eT),eA=function(e){var n,t=e.horizontalScroll,r=g(),o=r.slice,l=r.variation,c=r.setSlice,d=(0,f.useState)(),h=d[0],p=d[1],x=(0,ec.H)(),y=x.modalPayload,j=y.sliceFilterFn,w=y.defaultVariationSelector,S=y.onUploadSuccess,C=(0,a.useRouter)(),k=(0,v.Z)().saveSliceSuccess,I=o.model.variations.length;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(b.xu,{flexDirection:"column",gap:16,children:void 0!==t&&t?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ea.i,{variant:"edgeFaded",color:"grey6"}),(0,i.jsxs)(b.xu,{justifyContent:"space-between",children:[(0,i.jsxs)(b.xv,{color:"grey11",children:[I," variation",1!==I&&"s"]}),(0,i.jsx)(b.zx,{onClick:function(){p({type:"ADD_VARIATION"})},startIcon:"add",color:"grey"})]}),(0,i.jsx)("div",{className:eR().hideScrollbar,style:{height:"240px",position:"relative",marginRight:"-32px",overflowX:"scroll",scrollSnapType:"x mandatory"},children:(0,i.jsx)("div",{style:{position:"absolute",paddingRight:"32px"},children:(0,i.jsx)(b.xu,{flexDirection:"row",gap:16,children:(0,i.jsx)(eE,{screenshotChangesModal:x,setDialog:p,width:320})})})})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(eE,{screenshotChangesModal:x,setDialog:p}),(0,i.jsx)("div",{style:{bottom:b.rS.space[0],marginBottom:"-".concat(b.rS.space[16]),position:"sticky"},children:(0,i.jsxs)(b.xu,{backgroundColor:"grey2",flexDirection:"column",padding:{bottom:40,inline:24},children:[(0,i.jsx)(b.ph,{sx:{left:0,position:"absolute",right:0}}),(0,i.jsx)(b.zx,{color:"grey",onClick:function(){p({type:"ADD_VARIATION"})},startIcon:"add",sx:{position:"relative"},children:"Add a new variation"})]})})]})}),(0,i.jsx)(ey.Z,{slices:j([o]),defaultVariationSelector:w,onUploadSuccess:S}),(0,i.jsx)(ex,{isOpen:(null==h?void 0:h.type)==="RENAME_VARIATION",onClose:function(){p(void 0)},slice:o,variation:null==h?void 0:h.variation}),(0,i.jsx)(ed,{isOpen:(null==h?void 0:h.type)==="DELETE_VARIATION",onClose:function(){p(void 0)},slice:o,variation:null==h?void 0:h.variation}),(0,i.jsx)(eI,{initialVariation:l,isOpen:(null==h?void 0:h.type)==="ADD_VARIATION",onClose:function(){p(void 0)},onSubmit:(n=(0,s.Z)(function(e,n,t){var i,r,a,s,l,d;return(0,u.__generator)(this,function(u){switch(u.label){case 0:return u.trys.push([0,2,,3]),r=(i=(0,W.Kp)({slice:o,id:e,name:n,copiedVariation:t})).slice,a=i.variation,[4,(0,m.Ve)(r)];case 1:return u.sent(),k(r),c(r),s=el.Y.getBuilderPagePathname({libraryName:r.href,sliceName:r.model.name,variationId:a.id}),C.replace(s),[3,3];case 2:return l=u.sent(),d="Could not add variation `".concat(n,"`"),console.error(d,l),eo.Am.error(d),[3,3];case 3:return[2]}})}),function(e,t,i){return n.apply(this,arguments)}),variations:o.model.variations})]})},eE=function(e){var n=e.screenshotChangesModal,t=e.setDialog,r=e.width,o=g(),a=o.slice,s=o.variation,u=o.setSlice,d={scrollSnapAlign:"start"};return(0,i.jsx)(i.Fragment,{children:a.model.variations.map(function(e){return(0,i.jsx)("div",{style:void 0!==r?(0,c.Z)((0,l.Z)({},d),{width:r}):d,children:(0,i.jsx)(es.b,{action:{type:"menu",onRename:function(){t({type:"RENAME_VARIATION",variation:e})},onRemove:function(){t({type:"DELETE_VARIATION",variation:e})},removeDisabled:a.model.variations.length<=1},mode:"navigation",onUpdateScreenshot:function(){n.onOpenModal({sliceFilterFn:function(e){return e},defaultVariationSelector:{sliceID:a.model.id,variationID:e.id},onUploadSuccess:function(e){u(e)}})},replace:!0,selected:e.id===s.id,slice:a,variant:"outlined",variationId:e.id},e.id)})})})},eZ=function(){var e=g(),n=e.slice,t=e.actionQueueStatus,r=(0,b.ac)({max:"medium"});return(0,i.jsxs)(L.LN,{children:[(0,i.jsxs)(L.wd,{children:[(0,i.jsx)(L.Xq,{url:"/slices"}),(0,i.jsxs)(L.Cx,{children:[(0,i.jsx)(w.g,{children:"Slices"}),(0,i.jsx)(w.g,{active:!0,children:n.model.name})]}),(0,i.jsxs)(L.K2,{children:[(0,i.jsx)(S.X,{status:t}),(0,i.jsx)(q,{disabled:"done"!==t})]})]}),(0,i.jsxs)(L.RN,{children:[(0,i.jsxs)(b.xu,(0,c.Z)((0,l.Z)({display:"grid",alignItems:"flex-start",gap:16},r?{gridTemplateRows:"304px 1fr"}:{gridTemplateColumns:"320px 1fr"}),{children:[(0,i.jsx)(eA,{horizontalScroll:r}),(0,i.jsx)(er,{})]})),(0,i.jsx)(_,{})]})]})};function eD(){var e=(0,a.useRouter)(),n=(0,j.Z)(),t=n.slice,r=n.variation;return void 0===t||void 0===r?(e.replace("/"),null):(0,i.jsx)(y,{initialSlice:t,children:function(e){var n=e.slice;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o(),{children:(0,i.jsxs)("title",{children:[n.model.name," - Slice Machine"]})}),(0,i.jsx)(eZ,{})]})}})}},83576:function(e){e.exports={label:"RenameVariationModal_label__SLsVs"}},59881:function(e){e.exports={hideScrollbar:"VariationsList_hideScrollbar__kRAKE"}},76473:function(e,n,t){"use strict";t.d(n,{y1:function(){return j}});var i=t(2784);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}t(52322);var o=["shift","alt","meta","mod","ctrl"],a={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function s(e){return(a[e]||e).trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function l(e,n){return void 0===n&&(n=","),e.split(n)}function c(e,n,t){void 0===n&&(n="+");var i,a=e.toLocaleLowerCase().split(n).map(function(e){return s(e)});return r({},{alt:a.includes("alt"),ctrl:a.includes("ctrl")||a.includes("control"),shift:a.includes("shift"),meta:a.includes("meta"),mod:a.includes("mod")},{keys:a.filter(function(e){return!o.includes(e)}),description:t})}"undefined"!=typeof document&&(document.addEventListener("keydown",function(e){void 0!==e.key&&f([s(e.key),s(e.code)])}),document.addEventListener("keyup",function(e){void 0!==e.key&&m([s(e.key),s(e.code)])})),"undefined"!=typeof window&&window.addEventListener("blur",function(){u.clear()});var u=new Set;function d(e){return Array.isArray(e)}function f(e){var n=Array.isArray(e)?e:[e];u.has("meta")&&u.forEach(function(e){var n;return!o.includes(e)&&u.delete(e.toLowerCase())}),n.forEach(function(e){return u.add(e.toLowerCase())})}function m(e){var n=Array.isArray(e)?e:[e];"meta"===e?u.clear():n.forEach(function(e){return u.delete(e.toLowerCase())})}function h(e,n){var t=e.target;void 0===n&&(n=!1);var i=t&&t.tagName;return d(n)?Boolean(i&&n&&n.some(function(e){return e.toLowerCase()===i.toLowerCase()})):Boolean(i&&n&&!0===n)}var p=function(e,n,t){void 0===t&&(t=!1);var i,r,o=n.alt,a=n.meta,l=n.mod,c=n.shift,f=n.ctrl,m=n.keys,h=e.key,p=e.code,v=e.ctrlKey,x=e.metaKey,y=e.shiftKey,g=e.altKey,j=s(p),b=h.toLowerCase();if(!t){if(!g===o&&"alt"!==b||!y===c&&"shift"!==b)return!1;if(l){if(!x&&!v)return!1}else if(!x===a&&"meta"!==b&&"os"!==b||!v===f&&"ctrl"!==b&&"control"!==b)return!1}return!!(m&&1===m.length&&(m.includes(b)||m.includes(j)))||(m?(void 0===r&&(r=","),(d(i=m)?i:i.split(r)).every(function(e){return u.has(e.trim().toLowerCase())})):!m)},v=(0,i.createContext)(void 0),x=(0,i.createContext)({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),y=function(e){e.stopPropagation(),e.preventDefault(),e.stopImmediatePropagation()},g="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function j(e,n,t,r){var o,a,u=(0,i.useRef)(null),j=(0,i.useRef)(!1),b=t instanceof Array?r instanceof Array?void 0:r:t,w=d(e)?e.join(null==b?void 0:b.splitKey):e,S=t instanceof Array?t:r instanceof Array?r:void 0,C=(0,i.useCallback)(n,null!=S?S:[]),k=(0,i.useRef)(C);S?k.current=C:k.current=n;var I=(!function e(n,t){return n&&t&&"object"==typeof n&&"object"==typeof t?Object.keys(n).length===Object.keys(t).length&&Object.keys(n).reduce(function(i,r){return i&&e(n[r],t[r])},!0):n===t}((a=(0,i.useRef)(void 0)).current,b)&&(a.current=b),a.current),T=(0,i.useContext)(x).enabledScopes,R=(0,i.useContext)(v);return g(function(){if((null==I?void 0:I.enabled)!==!1&&(e=T,n=null==I?void 0:I.scopes,0===e.length&&n?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):!!(!n||e.some(function(e){return n.includes(e)})||e.includes("*")))){var e,n,t=function(e,n){var t,i;if(void 0===n&&(n=!1),!(h(e,["input","textarea","select"])&&!h(e,null==I?void 0:I.enableOnFormTags)||null!=I&&null!=I.ignoreEventWhen&&I.ignoreEventWhen(e))){if(null!==u.current&&document.activeElement!==u.current&&!u.current.contains(document.activeElement)){y(e);return}(null==(t=e.target)||!t.isContentEditable||null!=I&&I.enableOnContentEditable)&&l(w,null==I?void 0:I.splitKey).forEach(function(t){var i,r,o,a,s,l,u,d=c(t,null==I?void 0:I.combinationKey);if(p(e,d,null==I?void 0:I.ignoreModifiers)||null!=(u=d.keys)&&u.includes("*")){if(n&&j.current)return;if(i=e,r=d,("function"==typeof(o=null==I?void 0:I.preventDefault)&&o(i,r)||!0===o)&&i.preventDefault(),a=e,s=d,"function"==typeof(l=null==I?void 0:I.enabled)?!l(a,s):!0!==l&&void 0!==l){y(e);return}k.current(e,d),n||(j.current=!0)}})}},i=function(e){void 0!==e.key&&(f(s(e.code)),((null==I?void 0:I.keydown)===void 0&&(null==I?void 0:I.keyup)!==!0||null!=I&&I.keydown)&&t(e))},r=function(e){void 0!==e.key&&(m(s(e.code)),j.current=!1,null!=I&&I.keyup&&t(e,!0))},o=u.current||(null==b?void 0:b.document)||document;return o.addEventListener("keyup",r),o.addEventListener("keydown",i),R&&l(w,null==I?void 0:I.splitKey).forEach(function(e){return R.addHotkey(c(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))}),function(){o.removeEventListener("keyup",r),o.removeEventListener("keydown",i),R&&l(w,null==I?void 0:I.splitKey).forEach(function(e){return R.removeHotkey(c(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))})}}},[w,I,T]),u}}},function(e){e.O(0,[898,789,917,525,461,139,183,50,543,696,614,661,90,774,888,179],function(){return e(e.s=31314)}),_N_E=e.O()}]);
1
+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[136],{31314:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]",function(){return t(42098)}])},25998:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});var i=t(5632),r=t(56580),o=t(95200),a=function(e,n,t){var i,r=null===(i=(0,o.Sd)(e))||void 0===i?void 0:i.find(function(e){return e.name.replace(/\//g,"--")===n});return null==r?void 0:r.components.find(function(e){return e.model.name===t})},s=function(){var e=(0,i.useRouter)(),n=(0,r.v9)(function(n){return{slice:a(n,e.query.lib,e.query.sliceName)}}).slice;if(!n)return{};var t=n.model.variations.find(function(n){return n.id===e.query.variation});return t?{slice:n,variation:t}:{}}},42098:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return eD}});var i=t(52322),r=t(97729),o=t.n(r),a=t(5632),s=t(22710),l=t(62230),c=t(85244),u=t(99267),d=t(74217),f=t(2784),m=t(82770),h=t(50950),p=t(26921),v=t(90374),x=(0,f.createContext)(void 0);function y(e){var n=e.children,t=e.initialSlice,r=(0,a.useRouter)(),o=(0,f.useState)(t),y=o[0],g=o[1],j=(0,p.c)({errorMessage:"Failed to save slice. Check your browser's console for more information."}),b=j.actionQueueStatus,w=j.setNextAction,S=(0,v.Z)().saveSliceSuccess,C=(0,d.R9)(S),k=(0,h.g)().syncChanges,I=(0,f.useMemo)(function(){var e=r.query.variation,n=y.model.variations.find(function(n){return n.id===e});if(n)return n;throw Error("Variation not found")},[y,r]),T=(0,f.useCallback)(function(e){g(e),w((0,s.Z)(function(){var n,t,i,r,o;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return[4,(0,m.Ve)(e)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.pL)({libraryID:e.from,sliceID:e.model.id})];case 2:if(r=(i=n.sent()).errors,o=i.mocks,r.length>0)throw r;return C((0,c.Z)((0,l.Z)({},e),{mocks:o})),k(),[2]}})}))},[w,C,k]),R=(0,f.useMemo)(function(){return{actionQueueStatus:b,slice:y,setSlice:T,variation:I}},[b,y,T,I]);return(0,i.jsx)(x.Provider,{value:R,children:"function"==typeof n?n(R):n})}function g(){var e=(0,f.useContext)(x);if(!e)throw Error("SliceBuilderProvider not found");return e}var j=t(25998),b=t(22715),w=t(41730),S=t(47976),C=t(8564),k=t(18566),I=t(81038);function T(e){return R.apply(this,arguments)}function R(){return(R=(0,s.Z)(function(e){var n,t,i;return(0,u.__generator)(this,function(r){switch(r.label){case 0:return[4,I.j.customTypes.readCustomType({id:e})];case 1:if(t=(n=r.sent()).errors,i=n.model,t.length>0)throw t;return[2,i]}})})).apply(this,arguments)}var A=t(67445),E=t(64722),Z=t(20812),D=function(e){return(0,i.jsxs)("svg",(0,c.Z)((0,l.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,i.jsx)("path",{d:"M9.5 12L6 9.5L9.5 7V9.5V12Z",fill:"currentColor"}),(0,i.jsx)("path",{d:"M6 9.5H11C14.3 9.5 17 12.2 17 15.5V17.5M6 9.5L9.5 12V9.5V7L6 9.5Z",stroke:"currentColor",strokeLinecap:"round"})]}))},_=function(){var e,n,t=(e=(0,E.l)().source,n=(0,A.Ag)(e.query),void 0!==n&&(0,A.ne)(e.asPath,n)?n:void 0);return void 0!==t?(0,i.jsx)(C.S,{children:(0,i.jsx)(f.Suspense,{children:(0,i.jsx)(b.xu,{bottom:32,justifyContent:"center",position:"fixed",right:0,width:"100vw",children:(0,i.jsx)(N,{sourceCustomTypeId:t})})})}):null},N=function(e){var n,t=(n=e.sourceCustomTypeId,(0,k.QT)(T,[n])),r=(0,f.useState)(!0),o=r[0],s=r[1],l=(0,a.useRouter)();if(void 0===t||!o)return null;var c=t.format,u=t.id,d=A.cd[c].getBuilderPagePathname(u);return(0,i.jsxs)(b.hE,{density:"compact",color:"dark",children:[(0,i.jsxs)(b.zx,{onClick:function(){l.push(d)},renderStartIcon:function(){return(0,i.jsx)(D,{})},children:["Return to ",t.label]}),(0,i.jsx)(b.zx,{onClick:function(){s(!1)},renderStartIcon:function(){return(0,i.jsx)(Z.T,{})}})]})},L=t(38562),V=t(56580),O=t(33710),F=t(51991),z=t(42189),M=t(63094),P=t(17036),K=function(e){var n=e.children,t=e.open,r=e.onClose;return(0,i.jsxs)(F.zs,{open:t,trigger:n,onClose:r,children:[(0,i.jsx)(F.Ev,{children:"Simulate your slices"}),(0,i.jsx)(F.LB,{component:"video",cloudName:"dmtf1daqp",loop:!1,autoPlay:!1,publicId:M.Sn,poster:"/simulator-video-thumbnail.png",controls:!0,onPlay:function(){m.Xe.track({event:"open-video-tutorials",video:M.Sn})}}),(0,i.jsx)(F.OJ,{children:"Minimize context-switching by previewing your Slice components in the simulator."}),(0,i.jsx)(F.Rp,{children:"Got it"})]})},q=function(e){var n=e.disabled,t=(0,a.useRouter)(),r=(0,f.useRef)(null),o=(0,v.Z)().setSeenSimulatorToolTip,s=(0,V.v9)(function(e){return{hasSeenSimulatorTooltip:(0,P.bv)(e)}}).hasSeenSimulatorTooltip;(0,f.useEffect)(function(){var e=r.current;e&&!s&&setTimeout(function(){return O.Z.show(e)},5e3)},[s]);var l=function(){if(o(),r.current){var e=r.current;O.Z.hide(e)}};return(0,i.jsx)("span",{"data-tip":!0,"data-tip-disable":!1,"data-for":"simulator-button-tooltip",ref:r,children:(0,i.jsx)(K,{open:!s,onClose:l,children:(0,i.jsx)(b.zx,{"data-tip":!0,"data-testid":"simulator-open-button",onClick:function(){l(),window.open("".concat(t.asPath,"/simulator"),M.pq)},disabled:n,renderStartIcon:function(){return(0,i.jsx)(z.z,{color:b.TV.color.greyLight1,height:b.TV.size[24],style:{transform:"scale(calc(4 / 3))"},width:b.TV.size[24]})},children:"Simulate"})})})},B=t(88866),H=t(28316),X=t(39124),W=t(5479),G=t(73393),U=t(79560),Q=t(24244),Y=t(23373),J=t(36195),$=t(52586),ee=[$.Group,$.StructuredText,$.Image,$.Link,$.LinkToMedia,$.ContentRelationship,$.Select,$.Boolean,$.Date,$.Timestamp,$.Embed,$.Number,$.GeoPoint,$.Color,$.Text,],en=t(13302),et=t(17384),ei=t(9461),er=function(){var e=g(),n=e.slice,t=e.setSlice,r=e.variation,o=(0,f.useState)(!1),a=o[0],s=o[1],l=Boolean(r.items&&Object.keys(r.items).length>0),c=function(e){return function(i){if(e===Y.Rt.Items&&r.items&&Object.keys(r.items).length<=1){s(!0);return}var o=(0,W.AK)({slice:n,variationId:r.id,widgetArea:e,fieldId:i});t(o)}},u=function(e){return function(i){var o=i.apiId,a=i.newKey,s=i.value,l=(0,W.L4)({slice:n,variationId:r.id,widgetArea:e,previousFieldId:o,newFieldId:a,newField:s});t(l)}},d=function(e){return function(i){var o=i.id,a=i.label,s=i.widgetTypeName,l=ee.find(function(e){return e.CUSTOM_NAME===s||e.TYPE_NAME===s});if(!l)throw Error("Unsupported Field Type: ".concat(s));var c=l.create(a);try{l.schema.validateSync(c,{stripUnknown:!1})}catch(u){throw Error('Model is invalid for widget "'.concat(c.type,'".'))}var d=(0,W.xS)({slice:n,variationId:r.id,widgetArea:e,newFieldId:o,newField:c.type===B.GroupFieldType?Q.Fl.fromSM(c):c});t(d),m.Xe.track({event:"field:added",id:o,name:a,type:c.type,isInAGroup:!1,contentType:(0,ei.T)(window.location.pathname)})}},h=function(e){return function(i){if(!(0,en.uS)(i)){var o=i.source,a=i.destination;if(a){var s=(0,W.gR)({slice:n,variationId:r.id,widgetArea:e,sourceIndex:o.index,destinationIndex:a.index});(0,H.flushSync)(function(){return t(s)})}}}},p=function(){var e=(0,W.Oh)({slice:n,variationId:r.id});t(e),s(!1)};return(0,i.jsxs)(X.aV,{children:[(0,i.jsx)(U.Z,{zoneType:"slice",zoneTypeFormat:void 0,tabId:void 0,title:"Fields",dataTip:" The non-repeatable zone\n is for fields<br/> that should appear once, like a<br/>\n section title.\n",fields:r.primary,EditModal:G.Z,widgetsArray:ee,onDeleteItem:c(Y.Rt.Primary),onSave:u(Y.Rt.Primary),onSaveNewField:d(Y.Rt.Primary),onDragEnd:h(Y.Rt.Primary),poolOfFieldsToCheck:r.primary||[],renderHintBase:function(e){var n=e.item;return"slice.primary".concat((0,et.Ti)(n.key))},renderFieldAccessor:function(e){return"slice.primary".concat((0,et.Ti)(e))},testId:"static-zone-content",isRepeatableCustomType:void 0,emptyStateHeading:void 0,emptyStateActionTestId:"add-Static-field"}),l?(0,i.jsx)(U.Z,{zoneType:"slice",zoneTypeFormat:void 0,tabId:void 0,isRepeatable:!0,title:"Repeatable Zone",dataTip:"The repeatable zone is for a group<br/>\n of fields that you want to be able to repeat an<br/>\n indeterminate number of times, like FAQs",widgetsArray:J.Z,fields:r.items,EditModal:G.Z,onDeleteItem:c(Y.Rt.Items),onSave:u(Y.Rt.Items),onSaveNewField:d(Y.Rt.Items),onDragEnd:h(Y.Rt.Items),poolOfFieldsToCheck:r.items||[],renderHintBase:function(e){var n=e.item;return"item".concat((0,et.Ti)(n.key))},renderFieldAccessor:function(e){return"slice.items[i]".concat((0,et.Ti)(e))},testId:"slice-repeatable-zone",isRepeatableCustomType:void 0,emptyStateHeading:"No fields",emptyStateActionTestId:"add-Repeatable-field"}):null,(0,i.jsxs)(b.Vq,{size:"small",open:a,onOpenChange:function(e){return s(e)},children:[(0,i.jsx)(b.fK,{icon:"delete",title:"Delete field"}),(0,i.jsxs)(b.cZ,{children:[(0,i.jsxs)(b.xu,{padding:24,gap:12,flexDirection:"column",children:[(0,i.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the"," ",n.model.name," slice."]}),(0,i.jsx)("div",{children:"To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]}),(0,i.jsx)(b.kX,{ok:{text:"Delete",color:"tomato",onClick:function(){return p()}},cancel:{text:"Cancel"}})]})]})]})},eo=t(88932),ea=t(61498),es=t(56319),el=t(49451),ec=t(47731);function eu(){return(eu=(0,s.Z)(function(e){var n,t,i,r,o,a,s,d,f,h,p,v;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return n.trys.push([0,6,,7]),[4,(0,m.Ve)(e.component)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.Xi)({libraryID:e.component.from,sliceID:e.component.model.id,variationID:e.variation.id})];case 2:if((r=n.sent().errors).length>0)throw r;return[4,(0,m.X$)(e.component.from,e.component.model.id)];case 3:if(a=(o=n.sent()).slice,(s=o.errors).length>0)throw s;if(!a)throw Error("Could not read variation `".concat(e.variation.name,"`"));return[4,(0,m.pL)({libraryID:e.component.from,sliceID:e.component.model.id})];case 4:return d=n.sent().mocks,f=el.Y.getBuilderPagePathname({libraryName:e.component.href,sliceName:a.name,variationId:a.variations[0].id}),[4,e.router.replace(f)];case 5:return n.sent(),h=(0,c.Z)((0,l.Z)({},e.component),{model:a,mocks:d}),e.saveSliceSuccess(h),[2,h];case 6:throw p=n.sent(),v="Could not delete variation `".concat(e.variation.name,"`"),console.error(v,p),eo.Am.error(v),p;case 7:return[2]}})})).apply(this,arguments)}var ed=function(e){var n=e.isOpen,t=e.onClose,r=e.slice,o=e.variation,l=(0,a.useRouter)(),c=(0,f.useState)(!1),d=c[0],m=c[1],h=(0,v.Z)().saveSliceSuccess,p=g().setSlice;return(0,i.jsxs)(b.Vq,{open:n,onOpenChange:function(e){return!e&&t()},size:{width:448,height:"auto"},children:[(0,i.jsx)(b.fK,{icon:"delete",title:"Delete variation"}),(0,i.jsx)(b.cZ,{children:(0,i.jsxs)(b.xu,{flexDirection:"column",children:[(0,i.jsxs)(b.xv,{color:"grey11",sx:{marginBlock:16,marginInline:16},children:["This action will remove the variation from the slice model and delete associated files. When you push your changes, the variation will disappear from your repository. This update will"," ",(0,i.jsx)(ef,{children:"not"})," affect your documents until you ",(0,i.jsx)(ef,{children:"edit"})," ","them manually."]}),(0,i.jsx)(b.kX,{ok:{text:"Delete",color:"tomato",onClick:function(){o&&(0,s.Z)(function(){var e;return(0,u.__generator)(this,function(e){switch(e.label){case 0:m(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,function(e){return eu.apply(this,arguments)}({component:r,router:l,saveSliceSuccess:h,variation:o})];case 2:return p(e.sent()),[3,4];case 3:return e.sent(),[3,4];case 4:return m(!1),t(),[2]}})})()},loading:d},cancel:{text:"Cancel"},size:"medium"})]})})]})},ef=function(e){return(0,i.jsx)(b.xv,(0,c.Z)((0,l.Z)({},e),{color:"inherit",component:"span",variant:"bold"}))},em=t(63397);function eh(){return(eh=(0,s.Z)(function(e){var n,t,i,r,o,a,s,d,f,h,p;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,(0,m.Ve)(e.component)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.eH)(e.component,(0,c.Z)((0,l.Z)({},e.variation),{name:e.variationName}))];case 2:if((r=n.sent().errors).length>0)throw r;return[4,(0,m.X$)(e.component.from,e.component.model.id)];case 3:if(a=(o=n.sent()).slice,(s=o.errors).length>0)throw s;if(!a)throw Error("Could not read variation `".concat(e.variation.name,"`"));return[4,(0,m.pL)({libraryID:e.component.from,sliceID:e.component.model.id})];case 4:return d=n.sent().mocks,f=(0,c.Z)((0,l.Z)({},e.component),{model:a,mocks:d}),e.saveSliceSuccess(f),[2,f];case 5:throw h=n.sent(),p="Could not rename variation `".concat(e.variation.name,"`"),console.error(p,h),eo.Am.error(p),h;case 6:return[2]}})})).apply(this,arguments)}var ep=t(83576),ev=t.n(ep),ex=function(e){var n,t,r=e.isOpen,o=e.onClose,a=e.slice,l=e.variation,c=(0,f.useState)(!1),d=c[0],m=c[1],h=g().setSlice,p=(0,v.Z)().saveSliceSuccess;return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(b.Vq,{open:r,onOpenChange:function(e){return!e&&o()},size:{width:448,height:"auto"},children:[(0,i.jsx)(b.fK,{icon:"edit",title:"Rename variation"}),(0,i.jsx)(b.cZ,{children:(0,i.jsx)(em.J9,{validateOnMount:!0,initialValues:{variationName:null!==(n=null==l?void 0:l.name)&&void 0!==n?n:""},validate:function(e){if(0===e.variationName.length)return{variationName:"Cannot be empty"}},onSubmit:(t=(0,s.Z)(function(e){var n;return(0,u.__generator)(this,function(n){switch(n.label){case 0:if(!l)return[2];m(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,function(e){return eh.apply(this,arguments)}({component:a,saveSliceSuccess:p,variation:l,variationName:e.variationName.trim()})];case 2:return h(n.sent()),[3,4];case 3:return n.sent(),[3,4];case 4:return m(!1),o(),[2]}})}),function(e){return t.apply(this,arguments)}),children:function(e){return(0,i.jsxs)("form",{children:[(0,i.jsxs)(b.xu,{flexDirection:"column",gap:8,padding:16,children:[(0,i.jsx)(b.xv,{variant:"normal",color:"grey11",children:"This action will rename the variation in the slice model. When you push your changes, the variation will be renamed in your repository."}),(0,i.jsxs)(b.xu,{flexDirection:"column",gap:4,children:[(0,i.jsxs)("label",{className:ev().label,children:[(0,i.jsx)(b.xv,{variant:"bold",children:"Variation name*"}),"string"==typeof e.errors.variationName?(0,i.jsx)(b.xv,{variant:"small",color:"tomato10",children:e.errors.variationName}):null]}),(0,i.jsx)(b.yt,{placeholder:"Variation name",error:"string"==typeof e.errors.variationName,value:e.values.variationName,onValueChange:function(n){e.setFieldValue("variationName",n.slice(0,30))}})]})]}),(0,i.jsx)(b.kX,{ok:{text:"Rename",onClick:function(){e.submitForm()},loading:d,disabled:!e.isValid},cancel:{text:"Cancel"},size:"medium"})]})}})})]})})},ey=t(12773),eg=t(76635),ej=t(36131),eb=t(75289),ew=t(98898),eS=function(e){var n=e.children,t=e.FooterContent,r=e.HeaderContent,o=e.close,a=e.sx,s=e.headerSx,c=void 0===s?{}:s;return(0,i.jsx)(ew.Z,{borderFooter:!0,footerSx:{p:0},bodySx:{pt:2,pb:4,px:4},sx:(0,l.Z)({border:"none"},void 0===a?{}:a),Header:function(e){var n=e.radius;return(0,i.jsxs)(eb.kC,{sx:(0,l.Z)({p:3,pl:4,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)}},c),children:[r,o?(0,i.jsx)(eb.x8,{onClick:o,type:"button"}):null]})},Footer:t?(0,i.jsxs)(eb.kC,{sx:{alignItems:"space-between",bg:"headSection",p:3},children:[(0,i.jsx)(eb.xu,{sx:{ml:"auto"}}),t]}):null,children:n})},eC=t(83399),ek=function(e){var n=e.msg;return(0,i.jsx)(eb.xv,{as:"span",sx:{fontSize:12,color:"error",mt:"5px",ml:2},children:n||"Error!"})},eI=function(e){var n=e.isOpen,t=e.onClose,r=e.onSubmit,o=e.initialVariation,a=e.variations,d=function(e){var n=e.id,t=e.name,i=e.origin,r=n&&n.length?null:{id:"Required!"},o=a.find(function(e){return e.id===n})?{id:"This id already exists!"}:null,s=t&&t.length?null:{name:"Required!"},c=i.value.length&&a.find(function(e){return e.id===i.value})?null:{id:"You must select an existing variation!"},u=n&&n.length&&!/^[A-Za-z0-9]+([A-Za-z0-9]+)*$/.exec(n)&&{id:"No special characters allowed"};return(0,l.Z)({},r,o,s,c,u)},m=function(e){C((0,eg.camelCase)(e))},h=function(e){E(e),I&&m(e)},p=function(e){T(!1),m(e)},v=function(){x(),t()},x=function(){C(""),E(""),j({}),T(!0),_({value:o.id,label:o.name})},y=(0,f.useState)({}),g=y[0],j=y[1],w=(0,f.useState)(""),S=w[0],C=w[1],k=(0,f.useState)(!0),I=k[0],T=k[1],R=(0,f.useState)(""),A=R[0],E=R[1],Z=(0,f.useState)({value:o.id,label:o.name}),D=Z[0],_=Z[1],N=(0,f.useState)(!1),L=N[0],V=N[1];function O(){return F.apply(this,arguments)}function F(){return(F=(0,s.Z)(function(){var e,n;return(0,u.__generator)(this,function(t){switch(t.label){case 0:if(!Object.keys(e=d({id:S,name:A,origin:D})).length)return[3,1];return j(e),[3,3];case 1:if(!(n=a.find(function(e){return e.id===D.value})))return[3,3];return V(!0),[4,r(S,A,n)];case 2:t.sent(),V(!1),v(),t.label=3;case 3:return[2]}})})).apply(this,arguments)}return(0,f.useEffect)(function(){x()},[o,n]),(0,i.jsx)(eC.Z,{isOpen:n,shouldCloseOnOverlayClick:!0,onRequestClose:function(){return v()},contentLabel:"Widget Form Modal",style:{content:{maxWidth:"700px"}},children:(0,i.jsx)(em.J9,{initialValues:{id:S,name:A,origin:D},onSubmit:O,children:(0,i.jsx)(em.l0,{id:"variation-add",onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),O())},children:(0,i.jsx)(b.xu,{children:(0,i.jsxs)(eS,{sx:{textAlign:"left"},HeaderContent:(0,i.jsx)(eb.xv,{as:"h2",children:"Add new Variation"}),FooterContent:(0,i.jsxs)(b.xu,{gap:16,alignItems:"center",children:[(0,i.jsx)(b.zx,{onClick:v,color:"grey",children:"Cancel"}),(0,i.jsx)(b.zx,{loading:L,children:"Submit"})]}),close:v,children:[(0,i.jsxs)(b.xu,{flexDirection:"column",padding:{block:16},children:[(0,i.jsxs)(eb.__,{htmlFor:"name",sx:{mb:1},children:["Variation name*",g.name?(0,i.jsx)(ek,{msg:g.name}):""]}),(0,i.jsx)(em.gN,{autoComplete:"off",id:"name",name:"name",placeholder:"e.g. Grid - With Icon",as:eb.II,maxLength:30,value:A,onChange:function(e){return h(e.currentTarget.value)}}),(0,i.jsx)(eb.xv,{children:"It will appear here in Slice Machine, and in the page editor in Prismic"})]}),(0,i.jsxs)(b.xu,{flexDirection:"column",padding:{bottom:16},children:[(0,i.jsxs)(eb.__,{htmlFor:"id",sx:{mb:1},children:["Variation ID*",g.id?(0,i.jsx)(ek,{msg:g.id}):""]}),(0,i.jsx)(em.gN,{autoComplete:"off",id:"id",name:"id",placeholder:"e.g. GridWithIcon",as:eb.II,maxLength:30,value:S,onChange:function(e){return p(e.currentTarget.value)}}),(0,i.jsx)(eb.xv,{children:"It's generated automatically based on the variation name and will appear in the API responses."})]}),(0,i.jsxs)(b.xu,{flexDirection:"column",padding:{bottom:8},children:[(0,i.jsx)(eb.__,{htmlFor:"origin",sx:{mb:1},children:"Duplicate from"}),(0,i.jsx)(ej.ZP,{name:"origin",options:a.map(function(e){return{value:e.id,label:e.name}}),onChange:function(e){e&&_(e)},defaultValue:D,maxMenuHeight:150,theme:function(e){return(0,c.Z)((0,l.Z)({},e),{colors:(0,c.Z)((0,l.Z)({},e.colors),{text:"text",primary:"background"})})}})]})]})})})})})},eT=t(59881),eR=t.n(eT),eA=function(e){var n,t=e.horizontalScroll,r=g(),o=r.slice,l=r.variation,c=r.setSlice,d=(0,f.useState)(),h=d[0],p=d[1],x=(0,ec.H)(),y=x.modalPayload,j=y.sliceFilterFn,w=y.defaultVariationSelector,S=y.onUploadSuccess,C=(0,a.useRouter)(),k=(0,v.Z)().saveSliceSuccess,I=o.model.variations.length;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(b.xu,{flexDirection:"column",gap:16,children:void 0!==t&&t?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ea.i,{variant:"edgeFaded",color:"grey6"}),(0,i.jsxs)(b.xu,{justifyContent:"space-between",children:[(0,i.jsxs)(b.xv,{color:"grey11",children:[I," variation",1!==I&&"s"]}),(0,i.jsx)(b.zx,{onClick:function(){p({type:"ADD_VARIATION"})},startIcon:"add",color:"grey"})]}),(0,i.jsx)("div",{className:eR().hideScrollbar,style:{height:"240px",position:"relative",marginRight:"-32px",overflowX:"scroll",scrollSnapType:"x mandatory"},children:(0,i.jsx)("div",{style:{position:"absolute",paddingRight:"32px"},children:(0,i.jsx)(b.xu,{flexDirection:"row",gap:16,children:(0,i.jsx)(eE,{screenshotChangesModal:x,setDialog:p,width:320})})})})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(eE,{screenshotChangesModal:x,setDialog:p}),(0,i.jsx)("div",{style:{bottom:b.rS.space[0],marginBottom:"-".concat(b.rS.space[16]),position:"sticky"},children:(0,i.jsxs)(b.xu,{backgroundColor:"grey2",flexDirection:"column",padding:{bottom:40,inline:24},children:[(0,i.jsx)(b.ph,{sx:{left:0,position:"absolute",right:0}}),(0,i.jsx)(b.zx,{color:"grey",onClick:function(){p({type:"ADD_VARIATION"})},startIcon:"add",sx:{position:"relative"},children:"Add a new variation"})]})})]})}),(0,i.jsx)(ey.Z,{slices:j([o]),defaultVariationSelector:w,onUploadSuccess:S}),(0,i.jsx)(ex,{isOpen:(null==h?void 0:h.type)==="RENAME_VARIATION",onClose:function(){p(void 0)},slice:o,variation:null==h?void 0:h.variation}),(0,i.jsx)(ed,{isOpen:(null==h?void 0:h.type)==="DELETE_VARIATION",onClose:function(){p(void 0)},slice:o,variation:null==h?void 0:h.variation}),(0,i.jsx)(eI,{initialVariation:l,isOpen:(null==h?void 0:h.type)==="ADD_VARIATION",onClose:function(){p(void 0)},onSubmit:(n=(0,s.Z)(function(e,n,t){var i,r,a,s,l,d;return(0,u.__generator)(this,function(u){switch(u.label){case 0:return u.trys.push([0,2,,3]),r=(i=(0,W.Kp)({slice:o,id:e,name:n,copiedVariation:t})).slice,a=i.variation,[4,(0,m.Ve)(r)];case 1:return u.sent(),k(r),c(r),s=el.Y.getBuilderPagePathname({libraryName:r.href,sliceName:r.model.name,variationId:a.id}),C.replace(s),[3,3];case 2:return l=u.sent(),d="Could not add variation `".concat(n,"`"),console.error(d,l),eo.Am.error(d),[3,3];case 3:return[2]}})}),function(e,t,i){return n.apply(this,arguments)}),variations:o.model.variations})]})},eE=function(e){var n=e.screenshotChangesModal,t=e.setDialog,r=e.width,o=g(),a=o.slice,s=o.variation,u=o.setSlice,d={scrollSnapAlign:"start"};return(0,i.jsx)(i.Fragment,{children:a.model.variations.map(function(e){return(0,i.jsx)("div",{style:void 0!==r?(0,c.Z)((0,l.Z)({},d),{width:r}):d,children:(0,i.jsx)(es.b,{action:{type:"menu",onRename:function(){t({type:"RENAME_VARIATION",variation:e})},onRemove:function(){t({type:"DELETE_VARIATION",variation:e})},removeDisabled:a.model.variations.length<=1},mode:"navigation",onUpdateScreenshot:function(){n.onOpenModal({sliceFilterFn:function(e){return e},defaultVariationSelector:{sliceID:a.model.id,variationID:e.id},onUploadSuccess:function(e){u(e)}})},replace:!0,selected:e.id===s.id,slice:a,variant:"outlined",variationId:e.id},e.id)})})})},eZ=function(){var e=g(),n=e.slice,t=e.actionQueueStatus,r=(0,b.ac)({max:"medium"});return(0,i.jsxs)(L.LN,{children:[(0,i.jsxs)(L.wd,{children:[(0,i.jsx)(L.Xq,{url:"/slices"}),(0,i.jsxs)(L.Cx,{children:[(0,i.jsx)(w.g,{children:"Slices"}),(0,i.jsx)(w.g,{active:!0,children:n.model.name})]}),(0,i.jsxs)(L.K2,{children:[(0,i.jsx)(S.X,{status:t}),(0,i.jsx)(q,{disabled:"done"!==t})]})]}),(0,i.jsxs)(L.RN,{children:[(0,i.jsxs)(b.xu,(0,c.Z)((0,l.Z)({display:"grid",alignItems:"flex-start",gap:16},r?{gridTemplateRows:"304px 1fr"}:{gridTemplateColumns:"320px 1fr"}),{children:[(0,i.jsx)(eA,{horizontalScroll:r}),(0,i.jsx)(er,{})]})),(0,i.jsx)(_,{})]})]})};function eD(){var e=(0,a.useRouter)(),n=(0,j.Z)(),t=n.slice,r=n.variation;return void 0===t||void 0===r?(e.replace("/"),null):(0,i.jsx)(y,{initialSlice:t,children:function(e){var n=e.slice;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o(),{children:(0,i.jsxs)("title",{children:[n.model.name," - Slice Machine"]})}),(0,i.jsx)(eZ,{})]})}})}},83576:function(e){e.exports={label:"RenameVariationModal_label__SLsVs"}},59881:function(e){e.exports={hideScrollbar:"VariationsList_hideScrollbar__kRAKE"}},76473:function(e,n,t){"use strict";t.d(n,{y1:function(){return j}});var i=t(2784);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}t(52322);var o=["shift","alt","meta","mod","ctrl"],a={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function s(e){return(a[e]||e).trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function l(e,n){return void 0===n&&(n=","),e.split(n)}function c(e,n,t){void 0===n&&(n="+");var i,a=e.toLocaleLowerCase().split(n).map(function(e){return s(e)});return r({},{alt:a.includes("alt"),ctrl:a.includes("ctrl")||a.includes("control"),shift:a.includes("shift"),meta:a.includes("meta"),mod:a.includes("mod")},{keys:a.filter(function(e){return!o.includes(e)}),description:t})}"undefined"!=typeof document&&(document.addEventListener("keydown",function(e){void 0!==e.key&&f([s(e.key),s(e.code)])}),document.addEventListener("keyup",function(e){void 0!==e.key&&m([s(e.key),s(e.code)])})),"undefined"!=typeof window&&window.addEventListener("blur",function(){u.clear()});var u=new Set;function d(e){return Array.isArray(e)}function f(e){var n=Array.isArray(e)?e:[e];u.has("meta")&&u.forEach(function(e){var n;return!o.includes(e)&&u.delete(e.toLowerCase())}),n.forEach(function(e){return u.add(e.toLowerCase())})}function m(e){var n=Array.isArray(e)?e:[e];"meta"===e?u.clear():n.forEach(function(e){return u.delete(e.toLowerCase())})}function h(e,n){var t=e.target;void 0===n&&(n=!1);var i=t&&t.tagName;return d(n)?Boolean(i&&n&&n.some(function(e){return e.toLowerCase()===i.toLowerCase()})):Boolean(i&&n&&!0===n)}var p=function(e,n,t){void 0===t&&(t=!1);var i,r,o=n.alt,a=n.meta,l=n.mod,c=n.shift,f=n.ctrl,m=n.keys,h=e.key,p=e.code,v=e.ctrlKey,x=e.metaKey,y=e.shiftKey,g=e.altKey,j=s(p),b=h.toLowerCase();if(!t){if(!g===o&&"alt"!==b||!y===c&&"shift"!==b)return!1;if(l){if(!x&&!v)return!1}else if(!x===a&&"meta"!==b&&"os"!==b||!v===f&&"ctrl"!==b&&"control"!==b)return!1}return!!(m&&1===m.length&&(m.includes(b)||m.includes(j)))||(m?(void 0===r&&(r=","),(d(i=m)?i:i.split(r)).every(function(e){return u.has(e.trim().toLowerCase())})):!m)},v=(0,i.createContext)(void 0),x=(0,i.createContext)({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),y=function(e){e.stopPropagation(),e.preventDefault(),e.stopImmediatePropagation()},g="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function j(e,n,t,r){var o,a,u=(0,i.useRef)(null),j=(0,i.useRef)(!1),b=t instanceof Array?r instanceof Array?void 0:r:t,w=d(e)?e.join(null==b?void 0:b.splitKey):e,S=t instanceof Array?t:r instanceof Array?r:void 0,C=(0,i.useCallback)(n,null!=S?S:[]),k=(0,i.useRef)(C);S?k.current=C:k.current=n;var I=(!function e(n,t){return n&&t&&"object"==typeof n&&"object"==typeof t?Object.keys(n).length===Object.keys(t).length&&Object.keys(n).reduce(function(i,r){return i&&e(n[r],t[r])},!0):n===t}((a=(0,i.useRef)(void 0)).current,b)&&(a.current=b),a.current),T=(0,i.useContext)(x).enabledScopes,R=(0,i.useContext)(v);return g(function(){if((null==I?void 0:I.enabled)!==!1&&(e=T,n=null==I?void 0:I.scopes,0===e.length&&n?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):!!(!n||e.some(function(e){return n.includes(e)})||e.includes("*")))){var e,n,t=function(e,n){var t,i;if(void 0===n&&(n=!1),!(h(e,["input","textarea","select"])&&!h(e,null==I?void 0:I.enableOnFormTags)||null!=I&&null!=I.ignoreEventWhen&&I.ignoreEventWhen(e))){if(null!==u.current&&document.activeElement!==u.current&&!u.current.contains(document.activeElement)){y(e);return}(null==(t=e.target)||!t.isContentEditable||null!=I&&I.enableOnContentEditable)&&l(w,null==I?void 0:I.splitKey).forEach(function(t){var i,r,o,a,s,l,u,d=c(t,null==I?void 0:I.combinationKey);if(p(e,d,null==I?void 0:I.ignoreModifiers)||null!=(u=d.keys)&&u.includes("*")){if(n&&j.current)return;if(i=e,r=d,("function"==typeof(o=null==I?void 0:I.preventDefault)&&o(i,r)||!0===o)&&i.preventDefault(),a=e,s=d,"function"==typeof(l=null==I?void 0:I.enabled)?!l(a,s):!0!==l&&void 0!==l){y(e);return}k.current(e,d),n||(j.current=!0)}})}},i=function(e){void 0!==e.key&&(f(s(e.code)),((null==I?void 0:I.keydown)===void 0&&(null==I?void 0:I.keyup)!==!0||null!=I&&I.keydown)&&t(e))},r=function(e){void 0!==e.key&&(m(s(e.code)),j.current=!1,null!=I&&I.keyup&&t(e,!0))},o=u.current||(null==b?void 0:b.document)||document;return o.addEventListener("keyup",r),o.addEventListener("keydown",i),R&&l(w,null==I?void 0:I.splitKey).forEach(function(e){return R.addHotkey(c(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))}),function(){o.removeEventListener("keyup",r),o.removeEventListener("keydown",i),R&&l(w,null==I?void 0:I.splitKey).forEach(function(e){return R.removeHotkey(c(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))})}}},[w,I,T]),u}}},function(e){e.O(0,[898,789,917,525,461,139,183,50,543,696,614,661,90,774,888,179],function(){return e(e.s=31314)}),_N_E=e.O()}]);
package/out/_next/static/css/8d1871dce67a3b49.css ADDED
@@ -0,0 +1 @@
1
+ .List_flex__v0QQS{all:unset;display:flex}.List_row__sBVx1{flex-direction:row}.List_root__f9klF{border-color:var(--grey6);flex-direction:column;overflow-x:hidden}.List_root-border__2nh4p{border-radius:6px;border-style:solid;border-width:1px}.List_child__O_eM9{align-items:center;border-bottom-color:var(--grey6);border-bottom-width:1px;box-sizing:border-box;height:48px;padding-right:8px}.List_child__O_eM9:last-child{border-bottom-color:transparent}.List_header__J5e8m{background-color:var(--grey2);border-bottom-style:solid;gap:8px;padding-left:16px}.List_headerActions__FqUvW{align-items:center;flex-grow:1;gap:8px;justify-content:end;min-width:0}.List_item__t5SQz{background-color:var(--grey1);border-bottom-style:dashed;padding-left:12px}.ZoneEmptyState_root__K6dwt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:var(--grey3);text-align:center;padding-top:32px;padding-bottom:32px;min-height:288px}.Card_flex__rWbYX{all:unset;display:flex}.Card_grid__2SfEP{all:unset;display:grid}.Card_column__Svw4j{flex-direction:column}.Card_root__nmIAy{position:relative;box-sizing:border-box;border-color:var(--grey6);border-radius:6px;border-style:solid;border-width:1px;overflow-x:hidden}.Card_size-small__gpkDz{height:240px}.Card_size-medium__O933V{height:320px}.Card_solid__Tx416{background-color:var(--grey3)}.Card_solid__Tx416[data-state=checked]{border-color:var(--purple10)}.Card_outlined__Qc3KT{background-color:var(--grey2)}.Card_outlined__Qc3KT[data-state=checked]{border-color:var(--purple8)}.Card_interactive__o6QZt:focus-visible{box-shadow:var(--box-shadow-purple-focus)}.Card_interactive__o6QZt[data-disabled]{opacity:.5}.Card_interactive__o6QZt:not([data-disabled]){cursor:pointer}.Card_interactive__o6QZt.Card_solid__Tx416:focus-visible{background-color:var(--grey5);border-color:var(--purple10)}.Card_interactive__o6QZt.Card_outlined__Qc3KT:active{background-color:var(--grey4);border-color:var(--purple9)}.Card_interactive__o6QZt.Card_outlined__Qc3KT:focus-visible{background-color:var(--grey1);border-color:var(--purple8)}.Card_interactive__o6QZt.Card_outlined__Qc3KT:hover{background-color:var(--grey4)}.Card_media__lIyZ7{flex-basis:0;flex-grow:1;min-height:0;position:relative;order:0}.Card_solid__Tx416>.Card_media__lIyZ7{padding:32px}.Card_outlined__Qc3KT>.Card_media__lIyZ7{background-color:var(--light-grey3);margin-inline:16px;margin-top:16px;padding:16px}.Card_mediaComponent-div__4DTTy{flex-grow:1}.Card_mediaComponent-img__GFdbs{height:100%;-o-object-fit:contain;object-fit:contain}.Card_mediaComponent-img__GFdbs:not([src]){visibility:hidden}.Card_mediaOverlay__ax3Tc{inset:0;position:absolute;visibility:hidden}.Card_mediaOverlay__ax3Tc:before{background-color:var(--light-grey12);content:"";inset:0;opacity:.1;position:absolute}.Card_interactive__o6QZt:focus-visible .Card_mediaOverlay__ax3Tc,.Card_interactive__o6QZt:not([data-disabled]) .Card_mediaOverlay__ax3Tc:has(:focus-visible),.Card_interactive__o6QZt:not([data-disabled]) .Card_media__lIyZ7:hover>.Card_mediaOverlay__ax3Tc{visibility:visible}.Card_nonMedia__ts5oN{align-items:center;box-sizing:border-box;flex-direction:row}.Card_solid__Tx416>.Card_nonMedia__ts5oN{background-color:var(--light-grey1)}.Card_solid__Tx416>.Card_nonMedia__ts5oN:not(:first-child){border-top-color:var(--light-grey6);border-top-style:solid;border-top-width:inherit}.Card_actions__7mTeM{height:48px;justify-content:space-between;order:1}.Card_solid__Tx416>.Card_actions__7mTeM{padding-left:12px;padding-right:8px}.Card_outlined__Qc3KT>.Card_actions__7mTeM{padding-inline:16px}.Card_footer__2UBoj{gap:8px;height:60px;order:2}.Card_solid__Tx416>.Card_footer__2UBoj{padding-inline:12px}.Card_outlined__Qc3KT>.Card_footer__2UBoj{padding-inline:16px}.Card_footerTexts__Lf0fw{flex-basis:0;flex-grow:1;min-width:0;margin-bottom:4px}.Card_status__cmKRp{height:24px;inset-inline:0;justify-content:center;padding-inline:8px;position:absolute;background-color:var(--purple4);color:var(--purple11)}.RenameVariationModal_label__SLsVs{display:inline-flex;align-items:center;gap:4px}.Kbd_root__nBos2{background-color:var(--grey2);border-color:var(--grey6);border-radius:3px;border-style:solid;border-width:1px;color:var(--grey11);padding-inline:4px}.VariationsList_hideScrollbar__kRAKE::-webkit-scrollbar{display:none}.VariationsList_hideScrollbar__kRAKE{-ms-overflow-style:none;scrollbar-width:none}
package/out/_next/static/css/a6b6600e19e1c0c1.css ADDED
@@ -0,0 +1 @@
1
+ ._1k08lzu3{height:calc(var(--_7j49md4m) - var(--_7j49mdh))}._1k08lzu5{height:calc(var(--_7j49md4b) - var(--_7j49md47));width:calc(var(--_7j49md4b) - var(--_7j49md47))}._1k08lzu7{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d);height:calc(var(--_7j49md4m) - var(--_7j49mdh));-ms-overflow-style:none;scrollbar-width:none}._1k08lzu7::-webkit-scrollbar{display:none}._1k08lzu3+._1k08lzu6>._1k08lzu7{padding-top:var(--_7j49mdh)}._1k08lzu8:last-child:before,:not(:is(:focus,:hover,[data-state=active]))+._1k08lzu8:before{content:"";background-color:var(--_7j49md1e);bottom:var(--_7j49md53);height:var(--_7j49md4i);left:calc(-1 * var(--_7j49md4z));position:absolute;width:var(--_7j49mdh)}._1k08lzu9{max-width:256px}._1k08lzu9[data-state=active]{color:var(--_7j49md1j)}._1k08lzu9:is(:focus,:hover,[data-state=active]):before{content:"";background-color:var(--_7j49md19);border-color:var(--_7j49md1d);border-top-left-radius:var(--_7j49md7);border-top-right-radius:var(--_7j49md7);border-style:var(--_7j49mdf) var(--_7j49mdf) var(--_7j49mdd);border-width:var(--_7j49mdh);box-sizing:border-box;height:calc(var(--_7j49md4s) + var(--_7j49mdh));left:calc(-1 * var(--_7j49mdh));position:absolute;top:calc(-1 * var(--_7j49mdh));width:calc(var(--_7j49md4s) + var(--_7j49mdh))}._1k08lzub{margin-right:calc(-1 * var(--_7j49md53))}:is(:focus,:hover,[data-state=active])>._1k08lzub{visibility:visible}._1k08lzub:has(>[data-state=open]){visibility:visible}._1k08lzuc{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d),0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1a)}._1k08lzud[data-state=inactive]{display:none}.List_flex__v0QQS{all:unset;display:flex}.List_row__sBVx1{flex-direction:row}.List_root__f9klF{border-color:var(--grey6);flex-direction:column;overflow-x:hidden}.List_root-border__2nh4p{border-radius:6px;border-style:solid;border-width:1px}.List_child__O_eM9{align-items:center;border-bottom-color:var(--grey6);border-bottom-width:1px;box-sizing:border-box;height:48px;padding-right:8px}.List_child__O_eM9:last-child{border-bottom-color:transparent}.List_header__J5e8m{background-color:var(--grey2);border-bottom-style:solid;gap:8px;padding-left:16px}.List_headerActions__FqUvW{align-items:center;flex-grow:1;gap:8px;justify-content:end;min-width:0}.List_item__t5SQz{background-color:var(--grey1);border-bottom-style:dashed;padding-left:12px}.ZoneEmptyState_root__K6dwt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:var(--grey3);text-align:center;padding-top:32px;padding-bottom:32px;min-height:288px}.BlankSlate_column__ysDb2{all:unset;box-sizing:border-box;display:flex;flex-direction:column}.BlankSlate_root__DJ7wC{max-width:498px;min-height:400px;animation:BlankSlate_fadeIn__KMuKu ease-in-out 300;border-color:var(--grey6);border-radius:6px;border-style:solid;border-width:1px;overflow:hidden;background-color:var(--light-grey1)}.BlankSlate_withBackground___V5y5{width:100%;max-width:100%;height:100%;text-align:center;background-size:cover;background-color:transparent;border-radius:0;border-style:none}.BlankSlate_image__rOe9w{border-bottom:1px solid var(--grey6);overflow:hidden}.BlankSlate_content__wmOAI{padding:32px}.BlankSlate_withBackground___V5y5 .BlankSlate_content__wmOAI{padding:64px}.BlankSlate_title__5oTre{font-size:18px;font-weight:600;line-height:32px}.BlankSlate_desc__f6ZWf{font-weight:400;line-height:24px}.BlankSlate_withBackground___V5y5 .BlankSlate_desc__f6ZWf{max-width:464px;align-self:center}.BlankSlate_actions__6zYZr{all:unset;align-items:center;box-sizing:border-box;display:flex;gap:16px;margin-top:16px}.BlankSlate_withBackground___V5y5 .BlankSlate_actions__6zYZr{justify-content:center}.Card_flex__rWbYX{all:unset;display:flex}.Card_grid__2SfEP{all:unset;display:grid}.Card_column__Svw4j{flex-direction:column}.Card_root__nmIAy{position:relative;box-sizing:border-box;border-color:var(--grey6);border-radius:6px;border-style:solid;border-width:1px;overflow-x:hidden}.Card_size-small__gpkDz{height:240px}.Card_size-medium__O933V{height:320px}.Card_solid__Tx416{background-color:var(--grey3)}.Card_solid__Tx416[data-state=checked]{border-color:var(--purple10)}.Card_outlined__Qc3KT{background-color:var(--grey2)}.Card_outlined__Qc3KT[data-state=checked]{border-color:var(--purple8)}.Card_interactive__o6QZt:focus-visible{box-shadow:var(--box-shadow-purple-focus)}.Card_interactive__o6QZt[data-disabled]{opacity:.5}.Card_interactive__o6QZt:not([data-disabled]){cursor:pointer}.Card_interactive__o6QZt.Card_solid__Tx416:focus-visible{background-color:var(--grey5);border-color:var(--purple10)}.Card_interactive__o6QZt.Card_outlined__Qc3KT:active{background-color:var(--grey4);border-color:var(--purple9)}.Card_interactive__o6QZt.Card_outlined__Qc3KT:focus-visible{background-color:var(--grey1);border-color:var(--purple8)}.Card_interactive__o6QZt.Card_outlined__Qc3KT:hover{background-color:var(--grey4)}.Card_media__lIyZ7{flex-basis:0;flex-grow:1;min-height:0;position:relative;order:0}.Card_solid__Tx416>.Card_media__lIyZ7{padding:32px}.Card_outlined__Qc3KT>.Card_media__lIyZ7{background-color:var(--light-grey3);margin-inline:16px;margin-top:16px;padding:16px}.Card_mediaComponent-div__4DTTy{flex-grow:1}.Card_mediaComponent-img__GFdbs{height:100%;-o-object-fit:contain;object-fit:contain}.Card_mediaComponent-img__GFdbs:not([src]){visibility:hidden}.Card_mediaOverlay__ax3Tc{inset:0;position:absolute;visibility:hidden}.Card_mediaOverlay__ax3Tc:before{background-color:var(--light-grey12);content:"";inset:0;opacity:.1;position:absolute}.Card_interactive__o6QZt:focus-visible .Card_mediaOverlay__ax3Tc,.Card_interactive__o6QZt:not([data-disabled]) .Card_mediaOverlay__ax3Tc:has(:focus-visible),.Card_interactive__o6QZt:not([data-disabled]) .Card_media__lIyZ7:hover>.Card_mediaOverlay__ax3Tc{visibility:visible}.Card_nonMedia__ts5oN{align-items:center;box-sizing:border-box;flex-direction:row}.Card_solid__Tx416>.Card_nonMedia__ts5oN{background-color:var(--light-grey1)}.Card_solid__Tx416>.Card_nonMedia__ts5oN:not(:first-child){border-top-color:var(--light-grey6);border-top-style:solid;border-top-width:inherit}.Card_actions__7mTeM{height:48px;justify-content:space-between;order:1}.Card_solid__Tx416>.Card_actions__7mTeM{padding-left:12px;padding-right:8px}.Card_outlined__Qc3KT>.Card_actions__7mTeM{padding-inline:16px}.Card_footer__2UBoj{gap:8px;height:60px;order:2}.Card_solid__Tx416>.Card_footer__2UBoj{padding-inline:12px}.Card_outlined__Qc3KT>.Card_footer__2UBoj{padding-inline:16px}.Card_footerTexts__Lf0fw{flex-basis:0;flex-grow:1;min-width:0;margin-bottom:4px}.Card_status__cmKRp{height:24px;inset-inline:0;justify-content:center;padding-inline:8px;position:absolute;background-color:var(--purple4);color:var(--purple11)}.ConvertLegacySliceButton_scrollArea__gW7L4{width:448px;height:100%;display:flex;gap:8px;padding-inline:16px;padding-block:16px}.ConvertLegacySliceButton_label__yP2Pt{display:inline-flex;align-items:center;gap:4px}.ContentTabs_flex__kAimf{all:unset;display:flex}.ContentTabs_column__x5QZL{flex-direction:column}.ContentTabs_root__GPtve{background-color:var(--grey1);min-height:0}.ContentTabs_list__XarTi{border-bottom:1px solid var(--grey5);padding-inline:16px}.ContentTabs_trigger__8hs6H{color:var(--grey11);cursor:pointer;padding-block:8px}.ContentTabs_trigger__8hs6H:not(:last-child){margin-right:16px}.ContentTabs_trigger__8hs6H[data-state=active]{box-shadow:inset 0 -1px 0 0 currentColor,0 1px 0 0 currentColor;color:var(--purple9)}.ContentTabs_triggerText__ka3DD{line-height:32px}.ContentTabs_content__mMr1s{min-height:0;outline:none;flex:1 1}.ContentTabs_content__mMr1s[data-state=inactive]{display:none}.ContentTabs_scrollArea__ZBVHa{padding:16px}.CodeBlock_block__ljak4{all:unset;box-sizing:border-box;font-family:var(--font-family-body)}.CodeBlock_blockWithDisplayRevert__zM3Ns{display:revert}.CodeBlock_root__3ZYFL{border-width:1px;border-radius:6px;border-style:solid;border-color:var(--grey6)}.CodeBlock_header__kLT1f{border-top-right-radius:4px;border-top-left-radius:4px;background-color:var(--grey2);border-bottom:1px solid var(--grey6);padding-block:4px;padding-right:4px}.CodeBlock_fileInfo__ocLpL,.CodeBlock_header__kLT1f{display:flex;align-items:center;justify-content:space-between}.CodeBlock_fileName__jmuEV{font-size:calc(14rem / 16);line-height:calc(32rem / 16)}.MarkdownRenderer_section__4QTyU{padding-bottom:16px}.MarkdownRenderer_inlineCode__Oois6{font-family:var(--font-family-code);background-color:var(--grey2);border-radius:6px;padding-block:2px;padding-inline:4px}.PageSnippetDialog_content___SDjB{display:flex;flex-direction:column;min-height:0;gap:12px;overflow:hidden;grid-area:content}
package/out/changelog.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-3f04a3d8747ae383.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-3f04a3d8747ae383.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/changes.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/6279e95f6aff22d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6279e95f6aff22d5.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/918-5bb55fb464e34768.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/changes-ec62e7eb50d6f2be.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/6279e95f6aff22d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6279e95f6aff22d5.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/918-5bb55fb464e34768.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/changes-ec62e7eb50d6f2be.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/custom-types/[customTypeId].html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/824d6e761aed01d2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/824d6e761aed01d2.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/661-78c8c89d258133b8.js" defer=""></script><script src="/_next/static/chunks/188-2e42d5ebef697946.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-982ecf1d799b6bcf.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/a6b6600e19e1c0c1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/a6b6600e19e1c0c1.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/661-aa0b760bb52a7edf.js" defer=""></script><script src="/_next/static/chunks/188-9180e5802623e311.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-982ecf1d799b6bcf.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/custom-types.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/609c46c5c573c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/609c46c5c573c3ed.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/339-4822969b973d80f9.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-19c4fe4abeca8a48.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/609c46c5c573c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/609c46c5c573c3ed.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/339-4822969b973d80f9.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-19c4fe4abeca8a48.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/index.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/609c46c5c573c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/609c46c5c573c3ed.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/339-4822969b973d80f9.js" defer=""></script><script src="/_next/static/chunks/pages/index-41fcbf4361de7317.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/609c46c5c573c3ed.css" as="style"/><link rel="stylesheet" href="/_next/static/css/609c46c5c573c3ed.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/339-4822969b973d80f9.js" defer=""></script><script src="/_next/static/chunks/pages/index-41fcbf4361de7317.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/labs.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/pages/labs-830dde0b85d6dd01.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/pages/labs-830dde0b85d6dd01.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/page-types/[pageTypeId].html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/824d6e761aed01d2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/824d6e761aed01d2.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/661-78c8c89d258133b8.js" defer=""></script><script src="/_next/static/chunks/188-2e42d5ebef697946.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-886fc28240831dae.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/a6b6600e19e1c0c1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/a6b6600e19e1c0c1.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/661-aa0b760bb52a7edf.js" defer=""></script><script src="/_next/static/chunks/188-9180e5802623e311.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-886fc28240831dae.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/settings.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/pages/settings-f61144a9387fd6f1.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/pages/settings-f61144a9387fd6f1.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/slices/[lib]/[sliceName]/[variation]/simulator.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-32a73014bab3a789.js" defer=""></script><script src="/_next/static/chunks/756-b11a3060cdc2f2d3.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-9bdb355306fca592.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-32a73014bab3a789.js" defer=""></script><script src="/_next/static/chunks/756-b11a3060cdc2f2d3.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-9bdb355306fca592.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/slices/[lib]/[sliceName]/[variation].html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e3ffbc7931a47375.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e3ffbc7931a47375.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/661-78c8c89d258133b8.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-ad66e6c755798ce7.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/8d1871dce67a3b49.css" as="style"/><link rel="stylesheet" href="/_next/static/css/8d1871dce67a3b49.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/661-aa0b760bb52a7edf.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-b26298f5ac9df335.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/slices.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f01f60095c76c7fb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f01f60095c76c7fb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f2b83c502f8f8101.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/slices-d65be4ca817a766d.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_buildManifest.js" defer=""></script><script src="/_next/static/epV2cq-YjvhOopNYVMo03/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"epV2cq-YjvhOopNYVMo03","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/037ba37d121d4afe.css" as="style"/><link rel="stylesheet" href="/_next/static/css/037ba37d121d4afe.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f01f60095c76c7fb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f01f60095c76c7fb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-7ba0e41a9a238e84.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/614-5130fbdbcfab2d35.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/slices-d65be4ca817a766d.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_buildManifest.js" defer=""></script><script src="/_next/static/X7RwXU9287GEnS_otxfnK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"X7RwXU9287GEnS_otxfnK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "slice-machine-ui",
3
- "version": "2.0.1-beta.1",
3
+ "version": "2.0.1-beta.2",
4
4
  "license": "MIT",
5
5
  "description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
6
6
  "repository": {
@@ -35,8 +35,8 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@radix-ui/react-visually-hidden": "1.0.3",
38
- "@slicemachine/manager": "0.19.1-beta.1",
39
- "start-slicemachine": "0.12.20-beta.1"
38
+ "@slicemachine/manager": "0.19.1-beta.2",
39
+ "start-slicemachine": "0.12.20-beta.2"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@emotion/react": "11.11.1",
package/src/components/List/List.module.css ADDED
@@ -0,0 +1,60 @@
1
+ .flex {
2
+ all: unset;
3
+ display: flex;
4
+ }
5
+
6
+ .row {
7
+ composes: flex;
8
+ flex-direction: row;
9
+ }
10
+
11
+ .root {
12
+ composes: flex;
13
+ border-color: var(--grey6);
14
+ flex-direction: column;
15
+ overflow-x: hidden;
16
+ }
17
+
18
+ .root-border {
19
+ border-radius: 6px;
20
+ border-style: solid;
21
+ border-width: 1px;
22
+ }
23
+
24
+ .child {
25
+ composes: row;
26
+ align-items: center;
27
+ border-bottom-color: var(--grey6);
28
+ border-bottom-width: 1px;
29
+ box-sizing: border-box;
30
+ height: 48px;
31
+ padding-right: 8px;
32
+
33
+ &:last-child {
34
+ border-bottom-color: transparent;
35
+ }
36
+ }
37
+
38
+ .header {
39
+ composes: child;
40
+ background-color: var(--grey2);
41
+ border-bottom-style: solid;
42
+ gap: 8px;
43
+ padding-left: 16px;
44
+ }
45
+
46
+ .headerActions {
47
+ composes: row;
48
+ align-items: center;
49
+ flex-grow: 1;
50
+ gap: 8px;
51
+ justify-content: end;
52
+ min-width: 0;
53
+ }
54
+
55
+ .item {
56
+ composes: child;
57
+ background-color: var(--grey1);
58
+ border-bottom-style: dashed;
59
+ padding-left: 12px;
60
+ }
package/src/components/List/List.module.css.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ declare const styles: {
2
+ readonly "child": string;
3
+ readonly "flex": string;
4
+ readonly "header": string;
5
+ readonly "headerActions": string;
6
+ readonly "item": string;
7
+ readonly "root": string;
8
+ readonly "root-border": string;
9
+ readonly "row": string;
10
+ };
11
+ export = styles;
12
+
package/src/components/List/List.stories.tsx CHANGED
@@ -7,7 +7,9 @@ type Story = StoryObj<typeof meta>;
7
7
 
8
8
  const meta = {
9
9
  component: List,
10
- argTypes: { children: { control: { disable: true } } },
10
+ argTypes: {
11
+ children: { control: { disable: true } },
12
+ },
11
13
  } satisfies Meta<typeof List>;
12
14
 
13
15
  export default meta;
package/src/components/List/List.tsx CHANGED
@@ -1,15 +1,24 @@
1
1
  import { Text } from "@prismicio/editor-ui";
2
+ import clsx from "clsx";
2
3
  import type { CSSProperties, FC, PropsWithChildren, ReactNode } from "react";
3
4
 
4
- import * as styles from "./List.css";
5
+ import styles from "./List.module.css";
5
6
 
6
7
  type ListProps = PropsWithChildren<{
8
+ border?: boolean;
7
9
  style?: CSSProperties;
8
10
  }>;
9
11
 
10
- export const List: FC<ListProps> = (props) => (
11
- <div {...props} className={styles.root} />
12
- );
12
+ export const List: FC<ListProps> = (props) => {
13
+ const { border = true, ...otherProps } = props;
14
+
15
+ return (
16
+ <div
17
+ {...otherProps}
18
+ className={clsx(styles.root, border && styles["root-border"])}
19
+ />
20
+ );
21
+ };
13
22
 
14
23
  type ListHeaderProps = PropsWithChildren<{
15
24
  actions?: ReactNode;
package/src/legacy/lib/builders/CustomTypeBuilder/TabZone/index.tsx CHANGED
@@ -211,7 +211,7 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
211
211
  </Box>
212
212
  }
213
213
  >
214
- <List style={{ flexGrow: 1 }}>
214
+ <List border={false} style={{ flexGrow: 1 }}>
215
215
  {query.newPageType === undefined ? (
216
216
  <Zone
217
217
  zoneType="customType"