https://skiff.com/_next/static/chunks/3997.a4348e2f12e50126.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3997,2512],{99161:function(e,t,l){var n,a=l(27378);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}t.Z=function(e){return a.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",width:11,height:11,fill:"none"},e),n||(n=a.createElement("path",{fill:"#000",fillOpacity:.34,fillRule:"evenodd",d:"M8.987 4.883 5.97 1.866 2.955 4.883l.591.591L5.552 3.47v6.104h.837V3.469l2.006 2.005.592-.591Z",clipRule:"evenodd"})))}},91201:function(e,t,l){var n,a,r=l(27378);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}t.Z=function(e){return r.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:20,height:18,fill:"none"},e),n||(n=r.createElement("g",{fill:"#EF5A3C",filter:"url(#audio_svg__a)"},r.createElement("rect",{width:1.435,height:2.428,x:3,y:7.011,rx:.717}),r.createElement("rect",{width:1.435,height:7.285,x:5.649,y:4.583,rx:.717}),r.createElement("rect",{width:1.435,height:12.914,x:8.298,y:1.768,rx:.717}),r.createElement("rect",{width:1.435,height:7.174,x:10.947,y:4.638,rx:.717}),r.createElement("rect",{width:1.435,height:9.327,x:13.596,y:3.562,rx:.717}),r.createElement("rect",{width:1.435,height:3.587,x:16.245,y:6.432,rx:.717}))),a||(a=r.createElement("defs",null,r.createElement("filter",{id:"audio_svg__a",width:18.984,height:17.218,x:.848,y:.333,colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse"},r.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),r.createElement("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),r.createElement("feOffset",{dy:.717}),r.createElement("feGaussianBlur",{stdDeviation:.717}),r.createElement("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"}),r.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_2275_89127"}),r.createElement("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),r.createElement("feOffset",{dy:.717}),r.createElement("feGaussianBlur",{stdDeviation:1.076}),r.createElement("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"}),r.createElement("feBlend",{in2:"effect1_dropShadow_2275_89127",result:"effect2_dropShadow_2275_89127"}),r.createElement("feBlend",{in:"SourceGraphic",in2:"effect2_dropShadow_2275_89127",result:"shape"})))))}},1:function(e,t,l){var n,a=l(27378);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}t.Z=function(e){return a.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",width:18,height:19,fill:"none"},e),n||(n=a.createElement("path",{fill:"#000",fillOpacity:.57,fillRule:"evenodd",d:"M8.609 3.74H4.304v10.043H2.87V3.74c0-.792.642-1.435 1.434-1.435h5.022l.718.718 3.587 3.587.717.717v6.458h-1.434v-5.74h-2.87A1.435 1.435 0 0 1 8.609 6.61V3.74Zm-5.74 12.913v-1.435h11.479v1.435H2.87Zm8.733-10.044-1.558-1.558V6.61h1.558ZM5.739 8.044h2.153V6.609H5.739v1.435Zm0 2.87V9.479h5.74v1.435h-5.74Zm0 1.434v1.435h5.74v-1.435h-5.74Z",clipRule:"evenodd"})))}},82512:function(e,t,l){var n,a=l(27378);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}t.Z=function(e){return a.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none"},e),n||(n=a.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M11.805 4.862 8 1.057 4.195 4.862l.943.943L7.333 3.61v7.057h1.334V3.61l2.195 2.195.943-.943ZM1.333 10v3.333c0 .737.597 1.334 1.334 1.334h10.666c.737 0 1.334-.597 1.334-1.334V10h-1.334v3.333H2.667V10H1.333Z",clipRule:"evenodd"})))}},84067:function(e,t,l){var n,a=l(27378);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}t.Z=function(e){return a.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",width:18,height:19,fill:"none"},e),n||(n=a.createElement("path",{fill:"#000",fillOpacity:.57,d:"M1.435 4.457V3.022h5.442c.38 0 .746.151 1.015.42l1.732 1.732h4.724c.793 0 1.435.643 1.435 1.435v8.61H1.435V4.456Z"})))}},25008:function(e,t,l){var n,a=l(27378);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}t.Z=function(e){return a.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",width:18,height:18,fill:"none"},e),n||(n=a.createElement("path",{fill:"#000",fillOpacity:.57,fillRule:"evenodd",d:"M7.174 15.091v-2.87h2.87v2.87h-2.87Zm-1.435 0v-2.87H2.87v2.87h2.87Zm4.305-4.304h-2.87v-2.87h2.87v2.87Zm-4.305 0v-2.87H2.87v2.87h2.87Zm4.305-4.305h-2.87V5.047H5.74v1.435H2.87V5.047H1.436v11.479h14.348V5.047H14.35v1.435h-2.87V5.047h-1.435v1.435Zm1.435-2.87h4.304V2.179H1.435v1.435h10.044Zm2.87 11.48h-2.87v-2.87h2.87v2.87Zm0-4.305h-2.87v-2.87h2.87v2.87Z",clipRule:"evenodd"})))}},71998:function(e,t,l){var n,a,r=l(27378);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}t.Z=function(e){return r.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:18,height:20,fill:"none"}

1,e),n||(n=r.createElement("g",{filter:"url(#zip_svg__a)"},r.createElement("path",{fill:"#EF5A3C",fillRule:"evenodd",d:"M8.609 3.528H4.304v10.044H2.87V3.528c0-.792.642-1.435 1.434-1.435h5.022l.718.718 3.587 3.587.717.717v6.458h-1.434v-5.74h-2.87a1.435 1.435 0 0 1-1.435-1.435v-2.87Zm-5.74 12.914v-1.435h5.023v-2.152H6.457V11.42h1.435V9.985H6.457V8.55h2.869v1.435h1.435v1.435H9.326v1.435h1.435v1.434H9.326v.718h5.022v1.435H2.87Zm8.733-10.044L10.044 4.84v1.558h1.558Z",clipRule:"evenodd"}))),a||(a=r.createElement("defs",null,r.createElement("filter",{id:"zip_svg__a",width:21.523,height:21.523,x:-2.152,y:-.776,colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse"},r.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),r.createElement("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),r.createElement("feOffset",{dy:.717}),r.createElement("feGaussianBlur",{stdDeviation:.717}),r.createElement("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"}),r.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_2275_89125"}),r.createElement("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),r.createElement("feOffset",{dy:.717}),r.createElement("feGaussianBlur",{stdDeviation:1.076}),r.createElement("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"}),r.createElement("feBlend",{in2:"effect1_dropShadow_2275_89125",result:"effect2_dropShadow_2275_89125"}),r.createElement("feBlend",{in:"SourceGraphic",in2:"effect2_dropShadow_2275_89125",result:"shape"})))))}},33997:function(e,t,l){l.r(t),l.d(t,{default:function(){return J}});var n,a,r,s=l(24246),i=l(27693),c=l.n(i),o=l(51493),d=l(27378),h=l(22954),f=l(99161),v=l(91201),m=l(16176),p=l(22979),x=l(53866),u=l(63449),g=l(1),w=l(10746);function j(){return(j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}var y=l(86186),b=l(81178),Z=l(31267),E=l(12941),O=l(79184);function N(){return(N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}var k=l(21770),_=l(65842),V=l(59679),B=l(76074),H=l(38388),S=l(13387),M=l(82512);function F(){return(F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}var R=l(84067),C=l(25008),z=l(71998),P=l(69362),T=l(16329),A=l(43332),G=l(90044),D=l(52832);let L=[{checked:!1,name:"Q1 overview",icon:(0,s.jsx)(R.Z,{}),level:0,type:"folder"},{checked:!1,name:"Team review",icon:(0,s.jsx)(g.Z,{}),level:0},{checked:!1,name:"BG-02.png",icon:(0,s.jsx)(C.Z,{}),level:0,type:"png"},{checked:!1,name:"FetchTable.py",icon:(0,s.jsx)(x.Z,{}),level:0,type:"code"},{checked:!1,name:"CapTable.xls",icon:(0,s.jsx)(C.Z,{}),level:0,type:"xls"},{checked:!1,name:"Blonded",icon:(0,s.jsx)(v.Z,{}),level:0,type:"mp3"},{checked:!1,name:"daily-finances",icon:(0,s.jsx)(z.Z,{}),level:0,type:"zip"},{checked:!1,name:"Town hall",icon:(0,s.jsx)(g.Z,{}),level:0,type:"page"},{checked:!1,name:"Milestones",icon:(0,s.jsx)(R.Z,{}),level:0,type:"folder"}],I=[{checked:!1,name:"Q1 overview",icon:(0,s.jsx)(O.Z,{}),level:0},{checked:!1,name:"Team review",icon:(0,s.jsx)(Z.Z,{}),level:0},{checked:!1,name:"Design",icon:(0,s.jsx)(S.Z,{}),level:0,active:!0},{checked:!1,name:"FetchTable.py",icon:(0,s.jsx)(y.Z,{}),level:1},{checked:!1,name:"CapTable.xls",icon:(0,s.jsx)(H.Z,{}),level:1},{checked:!1,name:"Blonded",icon:(0,s.jsx)(function(e){return d.createElement("svg",j({xmlns:"http://www.w3.org/2000/svg",width:24,height:25,fill:"none"},e),n||(n=d.createElement("path",{fill:"#000",fillOpacity:.57,fillRule:"evenodd",d:"M12 18.228 8.667 15.56h-2a1.333 1.333 0 0 1-1.334-1.333V11.56c0-.736.597-1.333 1.334-1.333h2L12 7.56v10.66

17ZM9.134 11.56l1.533-1.226v5.118l-1.533-1.225H6.667V11.56h2.467Zm5.73-2.362a4 4 0 0 0-1.53-.305V7.561a5.334 5.334 0 0 1 0 10.667v-1.334a4 4 0 0 0 1.53-7.695Zm-1.02 2.463a1.334 1.334 0 0 0-.51-.101v-1.333a2.667 2.667 0 0 1 0 5.333v-1.333a1.334 1.334 0 0 0 .51-2.566Z",clipRule:"evenodd"})))},{}),level:1},{checked:!1,name:"daily-finances",icon:(0,s.jsx)(E.Z,{}),level:1},{checked:!1,name:"Town hall",icon:(0,s.jsx)(function(e){return d.createElement("svg",N({xmlns:"http://www.w3.org/2000/svg",width:24,height:25,fill:"none"},e),a||(a=d.createElement("path",{fill:"#000",fillOpacity:.57,fillRule:"evenodd",d:"M17.333 6.93H6.667v5.724l2.666-2.667L13 13.654l2.333-2.334 2 2V6.93Zm0 8.276-2-2-1.39 1.39 3 3h.39v-2.39Zm-10.666 2.39V14.54l2.666-2.667 5.724 5.724h-8.39Zm-1.334-12V18.93h13.334V5.597H5.333Z",clipRule:"evenodd"})))},{}),level:1},{checked:!1,name:"Milestones",icon:(0,s.jsx)(E.Z,{}),level:1},{checked:!1,name:"Heavyweights",icon:(0,s.jsx)(function(e){return d.createElement("svg",F({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),r||(r=d.createElement("path",{fill:"#000",fillOpacity:.57,fillRule:"evenodd",d:"M6.667 9.333H14v5.334H6.667V9.333Zm8.666 4.702V16H6.667a1.333 1.333 0 0 1-1.334-1.333V9.333C5.333 8.597 5.93 8 6.667 8h8.666v1.965l3.334-1.298v6.666l-3.334-1.298Zm0-1.431 2 .779v-2.766l-2 .78v1.207Z",clipRule:"evenodd"})))},{}),level:1}],U=["mb","kb","gb"],Y=e=>{let{checked:t,name:l,icon:n,level:a,type:r,noPad:i}=e;return(0,s.jsxs)("div",{className:"box-border flex items-center py-3",style:{borderTop:"1px solid rgba(0, 0, 0, 0.06)",paddingLeft:"".concat(24*a,"px")},children:[(0,s.jsxs)("div",{className:"flex w-3/4 items-center gap-x-3 lg:w-3/5 ",children:[t&&(0,s.jsx)(p.Z,{className:"scale-[0.75]"}),!t&&(0,s.jsx)(m.Z,{}),i&&(0,s.jsx)("div",{className:"m-1 -my-1 scale-[1.35]",children:n}),!i&&(0,s.jsx)("div",{className:"flex h-[32px] w-[32px] items-center justify-center rounded-md bg-white",style:{boxShadow:"var(--shadow-secondary)"},children:n}),(0,s.jsx)("span",{className:"body-small text-black",children:l})]}),(0,s.jsxs)("div",{className:"flex w-1/4 items-center justify-between lg:w-2/5",children:[(0,s.jsx)("div",{className:"body-small flex h-5 w-12 items-center justify-center rounded bg-[#F5F5F5] px-1 py-0.5 font-mono uppercase",style:{boxShadow:"var(--shadow-secondary)",opacity:"folder"===r?0:""},children:(0,s.jsx)("span",{className:"caption font-mono text-[13px] uppercase text-[#696969]",children:r||"docx"})}),(0,s.jsx)("span",{className:"caption hidden font-mono text-[13px] uppercase text-gray-400 md:block",style:{opacity:"folder"===r?0:""},children:"".concat((l.length/20*10+1).toFixed(1)).concat(U[(l.length-1)%U.length])}),(0,s.jsx)("span",{className:"caption hidden font-mono text-[13px] text-gray-400 lg:block",children:c()().format("MMM. D YYYY")})]})]})},Q=e=>{let{active:t,name:l,icon:n,level:a}=e;return(0,s.jsxs)("div",{className:"".concat(t?"bg-[var(--bg-overlay-tertiary)]":""," box-border flex h-8 items-center gap-x-0.5 rounded-[6px] px-1 py-1.5"),style:{paddingLeft:"".concat(24*a,"px")},children:[(0,s.jsx)("div",{className:"flex h-[24px] w-[24px] items-center justify-center",children:n}),(0,s.jsx)("span",{className:"body-small ".concat(t?"text-black":"text-gray-600"),children:l}),t&&(0,s.jsxs)("div",{className:"ml-auto flex items-center",children:[(0,s.jsx)(k.Z,{}),(0,s.jsx)(_.Z,{}),(0,s.jsx)(b.Z,{})]})]})},q=e=>{let{compressed:t}=e;return(0,s.jsxs)(o.m.div,{className:"flex h-full w-full select-none overflow-hidden rounded-t-2xl border border-b-0 border-black border-opacity-10 bg-white",children:[(0,s.jsxs)("div",{className:"h-100vh hidden w-[240px] flex-col gap-y-4 bg-[#F5F5F5] p-3 lg:flex",children:[(0,s.jsx)("div",{className:"flex w-full items-center justify-between",children:(0,s.jsxs)("div",{className:"flex items-center gap-x-2",children:[(0,s.jsx)("div",{className:"h-auto w-[30px] rounded-[8px] border-[.5px] border-solid border-black/10",children:(0,s.jsx)(u.Z,{viewBox:"0 0 258 258",className:"h-auto w-full"})}),(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("span",{className:"body-small",children:"Skiff Drive"}),(0,s.jsx)("span",{className:"caption text-gray-600",children:"Nightwatch"})]})]})}),(0,s.jsxs)("div",{className:"h flex flex-col gap-[2px]",children:[(0,s.jsxs)("div",{className:"-ml-1 flex items-center gap-x-2 rounded-lg bg-white px-2 py-2 shadow-sm",children:[(0,s.jsx)(M.Z,{}),(0,s.jsx)("span",{className:"body-small text-black",children:"Upload"})]}),!t&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(Q,{name:"Search",icon:(0,s.jsx)(V.Z,{}),level:0}),(0,s.jsx)(Q,{name:"Settings",icon:(0,s.jsx)(B.Z,{}),level:0}),(0,s.jsx)("span",{className:"caption mt-4 font-mono uppercase text-gray-600",children:"General"}),I.map(e=>{let{active:t,name:l,icon:n,level:a}=e;return(0,s.jsx)(Q,{active:t,name:l,icon:n,level:a},l)})]})]})]}),(0,s.jsxs)("div",{className:"flex w-full flex-col gap-y-4 p-3",children:[(0,s.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center gap-x-1",children:[(0,s.jsx)("span",{className:"body-small font-medium text-black",children:"Design"}),(0,s.jsx)(w.Z,{})]}),(0,s.jsxs)("div",{className:"flex items-center gap-x-2",children:[(0,s.jsx)("div",{className:"ml-2 hidden items-center lg:flex",children:[(0,s.jsx)(P.default,{viewBox:"0 0 32 32",className:"relative z-[999] h-auto w-7 rounded-lg border-2 border-white"},"profile-4"),(0,s.jsx)(T.default,{viewBox:"0 0 32 32",className:"relative z-[998] -ml-2.5 h-auto w-7 rounded-lg border-2 border-white"},"profile-4"),(0,s.jsx)(A.default,{viewBox:"0 0 32 32",className:"relative z-[998] -ml-2.5 h-auto w-7 rounded-lg border-2 border-white"},"profile-6"),(0,s.jsx)(G.default,{viewBox:"0 0 32 32",className:"relative z-[998] -ml-2.5 h-auto w-7 rounded-lg border-2 border-white"},"profile-7"),(0,s.jsx)(D.default,{viewBox:"0 0 32 32",className:"relative z-[998] -ml-2.5 h-auto w-7 rounded-lg border-2 border-white"},"profile-8")].map((e,t)=>(0,s.jsx)("div",{style:{zIndex:999-t},children:e},t))}),(0,s.jsx)(h.default,{size:h.ButtonSizes.Small,type:h.ButtonTypes.Secondary,children:"Share"}),(0,s.jsx)(h.default,{size:h.ButtonSizes.Small,type:h.ButtonTypes.Primary,children:"Upload"})]})]}),t&&(0,s.jsx)("div",{className:"h-[700px]"}),!t&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex items-center",children:[(0,s.jsxs)("div",{className:"flex w-3/4 items-center gap-x-2 lg:w-3/5",children:[(0,s.jsx)(m.Z,{}),(0,s.jsx)("span",{className:"caption font-mono text-[13px] text-gray-400",children:"Name"}),(0,s.jsx)(f.Z,{})]}),(0,s.jsxs)("div",{className:"flex w-1/4 items-center justify-between lg:w-2/5",children:[(0,s.jsx)("span",{className:"caption font-mono text-[13px] text-gray-400",children:"Type"}),(0,s.jsx)("span",{className:"caption hidden font-mono text-[13px] text-gray-400 md:block",children:"Size"}),(0,s.jsx)("span",{className:"caption hidden font-mono text-[13px] text-gray-400 lg:block",children:"Last modified"})]})]}),(0,s.jsx)("div",{className:"flex w-full flex-col",children:L.map(e=>{let{checked:t,name:l,icon:n,level:a,type:r,noPad:i}=e;return(0,s.jsx)(Y,{checked:t,name:l,icon:n,level:a,type:r,noPad:i},l)})})]})]})]})};var J=q}}]);